bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #CFD880 to #CF80D8 and to #D8CF80
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFCA8E
#CFCC8C
#CFCE8A
#CFD087
#D0D285
#D0D483
#D0D780
#CFBC9C
#CFC098
#D0C493
#D0C88F
#D1CC8A
#D1D086
#D2D580
#CFAEAA
#D0B4A3
#D0BA9D
#D1C096
#D2C68F
#D2CC88
#D3D480
#CFA0B8
#D0A8AF
#D1B0A6
#D2B89D
#D3C094
#D4C88B
#D5D280
#CF92C6
#D09CBB
#D1A6B0
#D2B0A4
#D3BA99
#D5C48E
#D6D180
#CF80D8
#D08DCA
#D299BC
#D3A6AE
#D5B3A0
#D6BF92
#D8CF80
Colorpallet from #CFD880 to #CF80D8 and to #D880CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFCA8E
#CFCA8E
#CFCA8E
#CFCA8E
#D0CA8D
#D0CA8D
#D0CA8D
#CFBC9C
#CFBC9C
#D0BC9B
#D0BC9B
#D1BC9A
#D1BC9A
#D2BC99
#CFAEAA
#D0AEA9
#D0AEA9
#D1AEA8
#D2AEA7
#D2AEA7
#D3AEA6
#CFA0B8
#D0A0B7
#D1A0B6
#D2A0B6
#D3A0B5
#D4A0B4
#D5A0B3
#CF92C6
#D092C5
#D192C4
#D292C3
#D392C2
#D592C0
#D692BF
#CF80D8
#D080D7
#D280D5
#D380D4
#D580D2
#D680D1
#D880CF
Colorpallet from #CFD880 to #CF80D8 and to #80CFD8
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFCA8E
#CDCC8E
#CBCE8E
#C9D08E
#C7D28E
#C5D48E
#C2D78E
#CFBC9C
#CBC09C
#C7C49C
#C3C89C
#BFCC9C
#BBD09C
#B6D59C
#CFAEAA
#C9B4AA
#C3BAAA
#BDC0AA
#B7C6AA
#B1CCAA
#A9D4AA
#CFA0B8
#C7A8B8
#BFB0B8
#B7B8B8
#AEC0B8
#A6C8B8
#9CD2B8
#CF92C6
#C59CC6
#BBA6C6
#B1B0C6
#A7BAC6
#9DC4C6
#90D1C6
#CF80D8
#C28DD8
#B699D8
#A9A6D8
#9CB3D8
#90BFD8
#80CFD8
Colorpallet from #CFD880 to #CF80D8 and to #80D8CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFCA8E
#CDCC8E
#CBCE8E
#C9D18E
#C7D38D
#C5D58D
#C2D88D
#CFBC9C
#CBC09C
#C7C59B
#C3C99B
#BFCE9A
#BBD29A
#B6D899
#CFAEAA
#C9B5A9
#C3BBA9
#BDC2A8
#B7C9A7
#B1D0A7
#A9D8A6
#CFA0B8
#C7A9B7
#BFB2B6
#B7BBB6
#AEC4B5
#A6CDB4
#9CD8B3
#CF92C6
#C59DC5
#BBA8C4
#B1B4C3
#A7BFC2
#9DCAC0
#90D8BF
#CF80D8
#C28ED7
#B69CD5
#A9AAD4
#9CB8D2
#90C6D1
#80D8CF
Colorpallet from #CFD880 to #D8CF80 and to #D880CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#D0D780
#D0D582
#D0D384
#D0D186
#D0CF88
#D0CD8A
#D0CA8D
#D2D580
#D2D184
#D2CD88
#D2C98C
#D2C590
#D2C194
#D2BC99
#D3D480
#D3CE86
#D3C88C
#D3C292
#D3BC98
#D3B69E
#D3AEA6
#D5D280
#D5CA88
#D5C290
#D5BA98
#D5B2A1
#D5AAA9
#D5A0B3
#D6D180
#D6C78A
#D6BD94
#D6B39E
#D6A9A8
#D69FB2
#D692BF
#D8CF80
#D8C28D
#D8B699
#D8A9A6
#D89CB3
#D890BF
#D880CF
Colorpallet from #CFD880 to #D8CF80 and to #80CFD8
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#D0D780
#CED782
#CCD784
#C9D787
#C7D789
#C5D78B
#C2D78E
#D2D580
#CED584
#C9D589
#C5D58D
#C0D592
#BCD596
#B6D59C
#D3D480
#CCD487
#C6D48D
#BFD494
#B8D49B
#B1D4A2
#A9D4AA
#D5D280
#CCD289
#C3D292
#BAD29B
#B1D2A4
#A7D2AD
#9CD2B8
#D6D180
#CBD18B
#C0D196
#B4D1A2
#A9D1AD
#9ED1B8
#90D1C6
#D8CF80
#CACF8E
#BCCF9C
#AECFAA
#A0CFB8
#92CFC6
#80CFD8
Colorpallet from #CFD880 to #D8CF80 and to #80D8CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#D0D780
#CED782
#CCD784
#C9D786
#C7D888
#C5D88A
#C2D88D
#D2D580
#CED584
#C9D688
#C5D68C
#C0D790
#BCD794
#B6D899
#D3D480
#CCD586
#C6D58C
#BFD692
#B8D798
#B1D79E
#A9D8A6
#D5D280
#CCD388
#C3D490
#BAD598
#B1D6A1
#A7D7A9
#9CD8B3
#D6D180
#CBD28A
#C0D394
#B4D49E
#A9D5A8
#9ED7B2
#90D8BF
#D8CF80
#CAD08D
#BCD299
#AED3A6
#A0D5B3
#92D6BF
#80D8CF
Colorpallet from #CFD880 to #D880CF and to #80CFD8
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#D0CA8D
#CECC8D
#CCCE8D
#C9D08D
#C7D28E
#C5D48E
#C2D78E
#D2BC99
#CEC099
#C9C49A
#C5C89A
#C0CC9B
#BCD09B
#B6D59C
#D3AEA6
#CCB4A7
#C6BAA7
#BFC0A8
#B8C6A9
#B1CCA9
#A9D4AA
#D5A0B3
#CCA8B4
#C3B0B5
#BAB8B5
#B1C0B6
#A7C8B7
#9CD2B8
#D692BF
#CB9CC0
#C0A6C1
#B4B0C2
#A9BAC3
#9EC4C5
#90D1C6
#D880CF
#CA8DD0
#BC99D2
#AEA6D3
#A0B3D5
#92BFD6
#80CFD8
Colorpallet from #CFD880 to #D880CF and to #80D8CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#D0CA8D
#CECC8D
#CCCE8D
#C9D18D
#C7D38D
#C5D58D
#C2D88D
#D2BC99
#CEC099
#C9C599
#C5C999
#C0CE99
#BCD299
#B6D899
#D3AEA6
#CCB5A6
#C6BBA6
#BFC2A6
#B8C9A6
#B1D0A6
#A9D8A6
#D5A0B3
#CCA9B3
#C3B2B3
#BABBB3
#B1C4B3
#A7CDB3
#9CD8B3
#D692BF
#CB9DBF
#C0A8BF
#B4B4BF
#A9BFBF
#9ECABF
#90D8BF
#D880CF
#CA8ECF
#BC9CCF
#AEAACF
#A0B8CF
#92C6CF
#80D8CF
Colorpallet from #CFD880 to #80CFD8 and to #80D8CF
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#CFD880
#C2D78E
#C2D78E
#C2D78E
#C2D78E
#C2D88D
#C2D88D
#C2D88D
#B6D59C
#B6D59C
#B6D69B
#B6D69B
#B6D79A
#B6D79A
#B6D899
#A9D4AA
#A9D5A9
#A9D5A9
#A9D6A8
#A9D7A7
#A9D7A7
#A9D8A6
#9CD2B8
#9CD3B7
#9CD4B6
#9CD5B6
#9CD6B5
#9CD7B4
#9CD8B3
#90D1C6
#90D2C5
#90D3C4
#90D4C3
#90D5C2
#90D7C0
#90D8BF
#80CFD8
#80D0D7
#80D2D5
#80D3D4
#80D5D2
#80D6D1
#80D8CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts