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 #C2C2C2 to #3D3D3D and to #3DC2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#ADADAD
#ADB0B0
#ADB4B4
#ADB7B7
#ADBABA
#ADBEBE
#ADC2C2
#979797
#979E9E
#97A5A5
#97ACAC
#97B3B3
#97B9B9
#97C2C2
#828282
#828C8C
#829696
#82A1A1
#82ABAB
#82B5B5
#82C2C2
#6D6D6D
#6D7B7B
#6D8888
#6D9696
#6DA3A3
#6DB1B1
#6DC2C2
#585858
#586969
#587A7A
#588B8B
#589C9C
#58ADAD
#58C2C2
#3D3D3D
#3D5252
#3D6868
#3D7D7D
#3D9292
#3DA7A7
#3DC2C2
Colorpallet from #C2C2C2 to #3D3D3D and to #C23DC2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#ADADAD
#B0ADB0
#B4ADB4
#B7ADB7
#BAADBA
#BEADBE
#C2ADC2
#979797
#9E979E
#A597A5
#AC97AC
#B397B3
#B997B9
#C297C2
#828282
#8C828C
#968296
#A182A1
#AB82AB
#B582B5
#C282C2
#6D6D6D
#7B6D7B
#886D88
#966D96
#A36DA3
#B16DB1
#C26DC2
#585858
#695869
#7A587A
#8B588B
#9C589C
#AD58AD
#C258C2
#3D3D3D
#523D52
#683D68
#7D3D7D
#923D92
#A73DA7
#C23DC2
Colorpallet from #C2C2C2 to #3D3D3D and to #C2C23D
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#ADADAD
#B0B0AD
#B4B4AD
#B7B7AD
#BABAAD
#BEBEAD
#C2C2AD
#979797
#9E9E97
#A5A597
#ACAC97
#B3B397
#B9B997
#C2C297
#828282
#8C8C82
#969682
#A1A182
#ABAB82
#B5B582
#C2C282
#6D6D6D
#7B7B6D
#88886D
#96966D
#A3A36D
#B1B16D
#C2C26D
#585858
#696958
#7A7A58
#8B8B58
#9C9C58
#ADAD58
#C2C258
#3D3D3D
#52523D
#68683D
#7D7D3D
#92923D
#A7A73D
#C2C23D
Colorpallet from #C2C2C2 to #3DC2C2 and to #C23DC2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#ADC2C2
#B0BFC2
#B4BBC2
#B7B8C2
#BAB5C2
#BEB1C2
#C2ADC2
#97C2C2
#9EBBC2
#A5B4C2
#ACADC2
#B3A6C2
#B9A0C2
#C297C2
#82C2C2
#8CB8C2
#96AEC2
#A1A3C2
#AB99C2
#B58FC2
#C282C2
#6DC2C2
#7BB4C2
#88A7C2
#9699C2
#A38CC2
#B17EC2
#C26DC2
#58C2C2
#69B1C2
#7AA0C2
#8B8FC2
#9C7EC2
#AD6DC2
#C258C2
#3DC2C2
#52ADC2
#6897C2
#7D82C2
#926DC2
#A758C2
#C23DC2
Colorpallet from #C2C2C2 to #3DC2C2 and to #C2C23D
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#ADC2C2
#B0C2BF
#B4C2BB
#B7C2B8
#BAC2B5
#BEC2B1
#C2C2AD
#97C2C2
#9EC2BB
#A5C2B4
#ACC2AD
#B3C2A6
#B9C2A0
#C2C297
#82C2C2
#8CC2B8
#96C2AE
#A1C2A3
#ABC299
#B5C28F
#C2C282
#6DC2C2
#7BC2B4
#88C2A7
#96C299
#A3C28C
#B1C27E
#C2C26D
#58C2C2
#69C2B1
#7AC2A0
#8BC28F
#9CC27E
#ADC26D
#C2C258
#3DC2C2
#52C2AD
#68C297
#7DC282
#92C26D
#A7C258
#C2C23D
Colorpallet from #C2C2C2 to #C23DC2 and to #C2C23D
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2ADC2
#C2B0BF
#C2B4BB
#C2B7B8
#C2BAB5
#C2BEB1
#C2C2AD
#C297C2
#C29EBB
#C2A5B4
#C2ACAD
#C2B3A6
#C2B9A0
#C2C297
#C282C2
#C28CB8
#C296AE
#C2A1A3
#C2AB99
#C2B58F
#C2C282
#C26DC2
#C27BB4
#C288A7
#C29699
#C2A38C
#C2B17E
#C2C26D
#C258C2
#C269B1
#C27AA0
#C28B8F
#C29C7E
#C2AD6D
#C2C258
#C23DC2
#C252AD
#C26897
#C27D82
#C2926D
#C2A758
#C2C23D
Colorpallet from #C2C2C2 to #C23DC2 and to #C23DC2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2ADC2
#C2ADC2
#C2ADC2
#C2ADC2
#C2ADC2
#C2ADC2
#C2ADC2
#C297C2
#C297C2
#C297C2
#C297C2
#C297C2
#C297C2
#C297C2
#C282C2
#C282C2
#C282C2
#C282C2
#C282C2
#C282C2
#C282C2
#C26DC2
#C26DC2
#C26DC2
#C26DC2
#C26DC2
#C26DC2
#C26DC2
#C258C2
#C258C2
#C258C2
#C258C2
#C258C2
#C258C2
#C258C2
#C23DC2
#C23DC2
#C23DC2
#C23DC2
#C23DC2
#C23DC2
#C23DC2
Colorpallet from #C2C2C2 to #C2C23D and to #C23DC2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2C2
#C2C2AD
#C2BFB0
#C2BBB4
#C2B8B7
#C2B5BA
#C2B1BE
#C2ADC2
#C2C297
#C2BB9E
#C2B4A5
#C2ADAC
#C2A6B3
#C2A0B9
#C297C2
#C2C282
#C2B88C
#C2AE96
#C2A3A1
#C299AB
#C28FB5
#C282C2
#C2C26D
#C2B47B
#C2A788
#C29996
#C28CA3
#C27EB1
#C26DC2
#C2C258
#C2B169
#C2A07A
#C28F8B
#C27E9C
#C26DAD
#C258C2
#C2C23D
#C2AD52
#C29768
#C2827D
#C26D92
#C258A7
#C23DC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
