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 #CAD684 to #CA84D6 and to #D6CA84
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAC991
#CACB8F
#CBCD8D
#CBCE8B
#CBD089
#CCD287
#CCD484
#CABC9E
#CBC09A
#CBC396
#CCC792
#CDCA8D
#CDCE89
#CED284
#CAAFAB
#CBB4A5
#CCBA9F
#CDBF98
#CEC492
#CFC98C
#D0D084
#CAA2B8
#CBA9B0
#CDB0A7
#CEB79F
#CFBE97
#D0C58E
#D2CE84
#CA94C6
#CC9DBB
#CDA6B1
#CFAFA6
#D0B89C
#D2C191
#D4CC84
#CA84D6
#CC8FC9
#CE9ABC
#D0A6AF
#D2B1A2
#D4BC94
#D6CA84
Colorpallet from #CAD684 to #CA84D6 and to #D684CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAC991
#CAC991
#CBC990
#CBC990
#CBC990
#CCC98F
#CCC98F
#CABC9E
#CBBC9D
#CBBC9D
#CCBC9C
#CDBC9B
#CDBC9B
#CEBC9A
#CAAFAB
#CBAFAA
#CCAFA9
#CDAFA9
#CEAFA8
#CFAFA7
#D0AFA6
#CAA2B8
#CBA2B7
#CDA2B6
#CEA2B5
#CFA2B4
#D0A2B2
#D2A2B1
#CA94C6
#CC94C4
#CD94C3
#CF94C1
#D094C0
#D294BE
#D494BC
#CA84D6
#CC84D4
#CE84D2
#D084D0
#D284CE
#D484CC
#D684CA
Colorpallet from #CAD684 to #CA84D6 and to #84CAD6
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAC991
#C8CB91
#C6CD91
#C5CE91
#C3D091
#C1D291
#BFD491
#CABC9E
#C6C09E
#C3C39E
#BFC79E
#BCCA9E
#B8CE9E
#B4D29E
#CAAFAB
#C5B4AB
#BFBAAB
#BABFAB
#B4C4AB
#AFC9AB
#A8D0AB
#CAA2B8
#C3A9B8
#BCB0B8
#B4B7B8
#ADBEB8
#A6C5B8
#9DCEB8
#CA94C6
#C19DC6
#B8A6C6
#AFAFC6
#A6B8C6
#9DC1C6
#92CCC6
#CA84D6
#BF8FD6
#B49AD6
#A8A6D6
#9DB1D6
#92BCD6
#84CAD6
Colorpallet from #CAD684 to #CA84D6 and to #84D6CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAC991
#C8CB91
#C6CD90
#C5CF90
#C3D190
#C1D38F
#BFD68F
#CABC9E
#C6C09D
#C3C49D
#BFC89C
#BCCD9B
#B8D19B
#B4D69A
#CAAFAB
#C5B5AA
#BFBBA9
#BAC2A9
#B4C8A8
#AFCEA7
#A8D6A6
#CAA2B8
#C3AAB7
#BCB3B6
#B4BBB5
#ADC3B4
#A6CCB2
#9DD6B1
#CA94C6
#C19FC4
#B8A9C3
#AFB4C1
#A6BEC0
#9DC9BE
#92D6BC
#CA84D6
#BF91D4
#B49ED2
#A8ABD0
#9DB8CE
#92C6CC
#84D6CA
Colorpallet from #CAD684 to #D6CA84 and to #D684CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CCD484
#CCD286
#CCD088
#CCCF89
#CCCD8B
#CCCB8D
#CCC98F
#CED284
#CECE88
#CECB8B
#CEC78F
#CEC492
#CEC096
#CEBC9A
#D0D084
#D0CB89
#D0C58F
#D0C094
#D0BB9A
#D0B69F
#D0AFA6
#D2CE84
#D2C78B
#D2C092
#D2B99A
#D2B2A1
#D2ABA8
#D2A2B1
#D4CC84
#D4C38D
#D4BA96
#D4B19F
#D4A8A8
#D49FB1
#D494BC
#D6CA84
#D6BF8F
#D6B49A
#D6A8A6
#D69DB1
#D692BC
#D684CA
Colorpallet from #CAD684 to #D6CA84 and to #84CAD6
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CCD484
#CAD486
#C8D488
#C6D48A
#C4D48C
#C2D48E
#BFD491
#CED284
#CAD288
#C6D28C
#C2D290
#BDD295
#B9D299
#B4D29E
#D0D084
#CAD08A
#C3D090
#BDD097
#B6D09D
#B0D0A3
#A8D0AB
#D2CE84
#CACE8C
#C1CE95
#B9CE9D
#B0CEA5
#A8CEAE
#9DCEB8
#D4CC84
#C9CC8F
#BFCC99
#B4CCA4
#AACCAE
#9FCCB9
#92CCC6
#D6CA84
#C9CA91
#BCCA9E
#AFCAAB
#A2CAB8
#94CAC6
#84CAD6
Colorpallet from #CAD684 to #D6CA84 and to #84D6CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CCD484
#CAD486
#C8D588
#C6D589
#C4D58B
#C2D68D
#BFD68F
#CED284
#CAD388
#C6D38B
#C2D48F
#BDD592
#B9D596
#B4D69A
#D0D084
#CAD189
#C3D28F
#BDD394
#B6D49A
#B0D59F
#A8D6A6
#D2CE84
#CACF8B
#C1D192
#B9D29A
#B0D3A1
#A8D4A8
#9DD6B1
#D4CC84
#C9CE8D
#BFCF96
#B4D19F
#AAD2A8
#9FD4B1
#92D6BC
#D6CA84
#C9CC8F
#BCCE9A
#AFD0A6
#A2D2B1
#94D4BC
#84D6CA
Colorpallet from #CAD684 to #D684CA and to #84CAD6
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CCC98F
#CACB8F
#C8CD90
#C6CE90
#C4D090
#C2D291
#BFD491
#CEBC9A
#CAC09B
#C6C39B
#C2C79C
#BDCA9D
#B9CE9D
#B4D29E
#D0AFA6
#CAB4A7
#C3BAA8
#BDBFA8
#B6C4A9
#B0C9AA
#A8D0AB
#D2A2B1
#CAA9B2
#C1B0B3
#B9B7B4
#B0BEB5
#A8C5B7
#9DCEB8
#D494BC
#C99DBE
#BFA6BF
#B4AFC1
#AAB8C2
#9FC1C4
#92CCC6
#D684CA
#C98FCC
#BC9ACE
#AFA6D0
#A2B1D2
#94BCD4
#84CAD6
Colorpallet from #CAD684 to #D684CA and to #84D6CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CCC98F
#CACB8F
#C8CD8F
#C6CF8F
#C4D18F
#C2D38F
#BFD68F
#CEBC9A
#CAC09A
#C6C49A
#C2C89A
#BDCD9A
#B9D19A
#B4D69A
#D0AFA6
#CAB5A6
#C3BBA6
#BDC2A6
#B6C8A6
#B0CEA6
#A8D6A6
#D2A2B1
#CAAAB1
#C1B3B1
#B9BBB1
#B0C3B1
#A8CCB1
#9DD6B1
#D494BC
#C99FBC
#BFA9BC
#B4B4BC
#AABEBC
#9FC9BC
#92D6BC
#D684CA
#C991CA
#BC9ECA
#AFABCA
#A2B8CA
#94C6CA
#84D6CA
Colorpallet from #CAD684 to #84CAD6 and to #84D6CA
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#CAD684
#BFD491
#BFD491
#BFD590
#BFD590
#BFD590
#BFD68F
#BFD68F
#B4D29E
#B4D39D
#B4D39D
#B4D49C
#B4D59B
#B4D59B
#B4D69A
#A8D0AB
#A8D1AA
#A8D2A9
#A8D3A9
#A8D4A8
#A8D5A7
#A8D6A6
#9DCEB8
#9DCFB7
#9DD1B6
#9DD2B5
#9DD3B4
#9DD4B2
#9DD6B1
#92CCC6
#92CEC4
#92CFC3
#92D1C1
#92D2C0
#92D4BE
#92D6BC
#84CAD6
#84CCD4
#84CED2
#84D0D0
#84D2CE
#84D4CC
#84D6CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
