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 #C2C2D2 to #C2D2C2 and to #3DC2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C5CF
#BFC5CF
#BBC4D0
#B8C4D0
#B5C3D1
#B1C3D1
#ADC2D2
#C2C7CD
#BBC6CE
#B4C5CF
#ADC5CF
#A6C4D0
#A0C3D1
#97C2D2
#C2CACA
#B8C9CB
#AEC7CD
#A3C6CE
#99C5CF
#8FC4D0
#82C2D2
#C2CCC8
#B4CACA
#A7C9CB
#99C7CD
#8CC6CE
#7EC4D0
#6DC2D2
#C2CFC5
#B1CDC7
#A0CBC9
#8FC9CB
#7EC7CD
#6DC5CF
#58C2D2
#C2D2C2
#ADCFC5
#97CDC7
#82CACA
#6DC8CC
#58C5CF
#3DC2D2
Colorpallet from #C2C2D2 to #C2D2C2 and to #C2D2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C5CF
#C2C5CF
#C2C5CF
#C2C5CF
#C2C5CF
#C2C5CF
#C2C5CF
#C2C7CD
#C2C7CD
#C2C7CD
#C2C7CD
#C2C7CD
#C2C7CD
#C2C7CD
#C2CACA
#C2CACA
#C2CACA
#C2CACA
#C2CACA
#C2CACA
#C2CACA
#C2CCC8
#C2CCC8
#C2CCC8
#C2CCC8
#C2CCC8
#C2CCC8
#C2CCC8
#C2CFC5
#C2CFC5
#C2CFC5
#C2CFC5
#C2CFC5
#C2CFC5
#C2CFC5
#C2D2C2
#C2D2C2
#C2D2C2
#C2D2C2
#C2D2C2
#C2D2C2
#C2D2C2
Colorpallet from #C2C2D2 to #C2D2C2 and to #D2C2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C5CF
#C2C5CF
#C3C4CF
#C3C4CF
#C4C3CF
#C4C3CF
#C5C2CF
#C2C7CD
#C3C6CD
#C4C5CD
#C4C5CD
#C5C4CD
#C6C3CD
#C7C2CD
#C2CACA
#C3C9CA
#C5C7CA
#C6C6CA
#C7C5CA
#C8C4CA
#CAC2CA
#C2CCC8
#C4CAC8
#C5C9C8
#C7C7C8
#C8C6C8
#CAC4C8
#CCC2C8
#C2CFC5
#C4CDC5
#C6CBC5
#C8C9C5
#CAC7C5
#CCC5C5
#CFC2C5
#C2D2C2
#C5CFC2
#C7CDC2
#CACAC2
#CCC8C2
#CFC5C2
#D2C2C2
Colorpallet from #C2C2D2 to #C2D2C2 and to #2DC2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C5CF
#BEC5CF
#BAC4CF
#B6C4CF
#B3C3CF
#AFC3CF
#AAC2CF
#C2C7CD
#BAC6CD
#B3C5CD
#ABC5CD
#A3C4CD
#9CC3CD
#92C2CD
#C2CACA
#B6C9CA
#ABC7CA
#9FC6CA
#94C5CA
#88C4CA
#7AC2CA
#C2CCC8
#B3CAC8
#A4C9C8
#94C7C8
#85C6C8
#76C4C8
#63C2C8
#C2CFC5
#AFCDC5
#9CCBC5
#89C9C5
#76C7C5
#63C5C5
#4BC2C5
#C2D2C2
#AACFC2
#92CDC2
#7ACAC2
#63C8C2
#4BC5C2
#2DC2C2
Colorpallet from #C2C2D2 to #3DC2D2 and to #C2D2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#ADC2D2
#B0C2D2
#B4C3D1
#B7C3D1
#BAC4D0
#BEC4D0
#C2C5CF
#97C2D2
#9EC3D1
#A5C4D0
#ACC4D0
#B3C5CF
#B9C6CE
#C2C7CD
#82C2D2
#8CC3D1
#96C5CF
#A1C6CE
#ABC7CD
#B5C8CC
#C2CACA
#6DC2D2
#7BC4D0
#88C5CF
#96C7CD
#A3C8CC
#B1CACA
#C2CCC8
#58C2D2
#69C4D0
#7AC6CE
#8BC8CC
#9CCACA
#ADCCC8
#C2CFC5
#3DC2D2
#52C5CF
#68C7CD
#7DCACA
#92CCC8
#A7CFC5
#C2D2C2
Colorpallet from #C2C2D2 to #3DC2D2 and to #D2C2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#ADC2D2
#B1C2D2
#B5C2D1
#B9C2D1
#BCC2D0
#C0C2D0
#C5C2CF
#97C2D2
#9FC2D1
#A6C2D0
#AEC2D0
#B6C2CF
#BDC2CE
#C7C2CD
#82C2D2
#8EC2D1
#99C2CF
#A5C2CE
#B0C2CD
#BCC2CC
#CAC2CA
#6DC2D2
#7CC2D0
#8BC2CF
#9BC2CD
#AAC2CC
#B9C2CA
#CCC2C8
#58C2D2
#6BC2D0
#7EC2CE
#91C2CC
#A4C2CA
#B7C2C8
#CFC2C5
#3DC2D2
#55C2CF
#6DC2CD
#85C2CA
#9CC2C8
#B4C2C5
#D2C2C2
Colorpallet from #C2C2D2 to #3DC2D2 and to #2DC2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#ADC2D2
#ADC2D2
#ACC2D1
#ACC2D1
#ABC2D0
#ABC2D0
#AAC2CF
#97C2D2
#96C2D1
#95C2D0
#95C2D0
#94C2CF
#93C2CE
#92C2CD
#82C2D2
#81C2D1
#7FC2CF
#7EC2CE
#7DC2CD
#7CC2CC
#7AC2CA
#6DC2D2
#6BC2D0
#6AC2CF
#68C2CD
#67C2CC
#65C2CA
#63C2C8
#58C2D2
#56C2D0
#54C2CE
#52C2CC
#50C2CA
#4EC2C8
#4BC2C5
#3DC2D2
#3AC2CF
#38C2CD
#35C2CA
#33C2C8
#30C2C5
#2DC2C2
Colorpallet from #C2C2D2 to #D2C2C2 and to #2DC2C2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C2C2D2
#C5C2CF
#C1C2CF
#BCC2CF
#B8C2CF
#B4C2CF
#AFC2CF
#AAC2CF
#C7C2CD
#BFC2CD
#B6C2CD
#AEC2CD
#A5C2CD
#9DC2CD
#92C2CD
#CAC2CA
#BDC2CA
#B0C2CA
#A4C2CA
#97C2CA
#8AC2CA
#7AC2CA
#CCC2C8
#BBC2C8
#AAC2C8
#9AC2C8
#89C2C8
#78C2C8
#63C2C8
#CFC2C5
#BAC2C5
#A5C2C5
#90C2C5
#7BC2C5
#65C2C5
#4BC2C5
#D2C2C2
#B8C2C2
#9DC2C2
#83C2C2
#68C2C2
#4EC2C2
#2DC2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts