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 #C2C2C5 to #C2C5C2 and to #3DC2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#BFC2C5
#BBC2C5
#B8C2C5
#B5C2C5
#B1C2C5
#ADC2C5
#C2C3C4
#BBC3C4
#B4C3C4
#ADC3C4
#A6C2C5
#A0C2C5
#97C2C5
#C2C3C4
#B8C3C4
#AEC3C4
#A3C3C4
#99C2C5
#8FC2C5
#82C2C5
#C2C4C3
#B4C4C3
#A7C3C4
#99C3C4
#8CC3C4
#7EC2C5
#6DC2C5
#C2C4C3
#B1C4C3
#A0C3C4
#8FC3C4
#7EC3C4
#6DC2C5
#58C2C5
#C2C5C2
#ADC5C2
#97C4C3
#82C4C3
#6DC3C4
#58C3C4
#3DC2C5
Colorpallet from #C2C2C5 to #C2C5C2 and to #C2C5C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C4C3
#C2C5C2
#C2C5C2
#C2C5C2
#C2C5C2
#C2C5C2
#C2C5C2
#C2C5C2
Colorpallet from #C2C2C5 to #C2C5C2 and to #C5C2C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C3C2C4
#C3C2C4
#C3C2C4
#C2C3C4
#C2C3C4
#C2C3C4
#C2C3C4
#C3C2C4
#C3C2C4
#C3C2C4
#C2C4C3
#C2C4C3
#C3C3C3
#C3C3C3
#C3C3C3
#C4C2C3
#C4C2C3
#C2C4C3
#C2C4C3
#C3C3C3
#C3C3C3
#C3C3C3
#C4C2C3
#C4C2C3
#C2C5C2
#C2C5C2
#C3C4C2
#C3C4C2
#C4C3C2
#C4C3C2
#C5C2C2
Colorpallet from #C2C2C5 to #C2C5C2 and to #3AC2C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#BEC2C5
#BBC2C5
#B7C2C5
#B4C2C5
#B0C2C5
#ACC2C5
#C2C3C4
#BBC3C4
#B4C3C4
#ADC3C4
#A6C2C4
#9FC2C4
#96C2C4
#C2C3C4
#B8C3C4
#ADC3C4
#A3C3C4
#98C2C4
#8EC2C4
#81C2C4
#C2C4C3
#B4C4C3
#A6C3C3
#98C3C3
#8AC3C3
#7CC2C3
#6BC2C3
#C2C4C3
#B1C4C3
#9FC3C3
#8EC3C3
#7CC3C3
#6BC2C3
#55C2C3
#C2C5C2
#ACC5C2
#96C4C2
#81C4C2
#6BC3C2
#55C3C2
#3AC2C2
Colorpallet from #C2C2C5 to #3DC2C5 and to #C2C5C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#ADC2C5
#B0C2C5
#B4C2C5
#B7C2C5
#BAC2C5
#BEC2C5
#C2C2C5
#97C2C5
#9EC2C5
#A5C2C5
#ACC2C5
#B3C3C4
#B9C3C4
#C2C3C4
#82C2C5
#8CC2C5
#96C2C5
#A1C2C5
#ABC3C4
#B5C3C4
#C2C3C4
#6DC2C5
#7BC2C5
#88C3C4
#96C3C4
#A3C3C4
#B1C4C3
#C2C4C3
#58C2C5
#69C2C5
#7AC3C4
#8BC3C4
#9CC3C4
#ADC4C3
#C2C4C3
#3DC2C5
#52C2C5
#68C3C4
#7DC3C4
#92C4C3
#A7C4C3
#C2C5C2
Colorpallet from #C2C2C5 to #3DC2C5 and to #C5C2C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#ADC2C5
#B0C2C5
#B4C2C5
#B7C2C5
#BAC2C5
#BEC2C5
#C2C2C5
#97C2C5
#9EC2C5
#A5C2C5
#ACC2C5
#B3C2C4
#BAC2C4
#C3C2C4
#82C2C5
#8CC2C5
#97C2C5
#A1C2C5
#ACC2C4
#B6C2C4
#C3C2C4
#6DC2C5
#7BC2C5
#89C2C4
#97C2C4
#A5C2C4
#B3C2C3
#C4C2C3
#58C2C5
#69C2C5
#7BC2C4
#8CC2C4
#9DC2C4
#AEC2C3
#C4C2C3
#3DC2C5
#53C2C5
#69C2C4
#7EC2C4
#94C2C3
#AAC2C3
#C5C2C2
Colorpallet from #C2C2C5 to #3DC2C5 and to #3AC2C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#ADC2C5
#ADC2C5
#ADC2C5
#ADC2C5
#ACC2C5
#ACC2C5
#ACC2C5
#97C2C5
#97C2C5
#97C2C5
#97C2C5
#96C2C4
#96C2C4
#96C2C4
#82C2C5
#82C2C5
#82C2C5
#82C2C5
#81C2C4
#81C2C4
#81C2C4
#6DC2C5
#6DC2C5
#6CC2C4
#6CC2C4
#6CC2C4
#6BC2C3
#6BC2C3
#58C2C5
#58C2C5
#57C2C4
#57C2C4
#56C2C4
#56C2C3
#55C2C3
#3DC2C5
#3DC2C5
#3CC2C4
#3CC2C4
#3BC2C3
#3BC2C3
#3AC2C2
Colorpallet from #C2C2C5 to #C5C2C2 and to #3AC2C2
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#C2C2C5
#BEC2C5
#BBC2C5
#B7C2C5
#B4C2C5
#B0C2C5
#ACC2C5
#C3C2C4
#BCC2C4
#B5C2C4
#ADC2C4
#A6C2C4
#9FC2C4
#96C2C4
#C3C2C4
#B8C2C4
#AEC2C4
#A3C2C4
#99C2C4
#8EC2C4
#81C2C4
#C4C2C3
#B6C2C3
#A8C2C3
#99C2C3
#8BC2C3
#7DC2C3
#6BC2C3
#C4C2C3
#B2C2C3
#A0C2C3
#8FC2C3
#7DC2C3
#6BC2C3
#55C2C3
#C5C2C2
#AFC2C2
#99C2C2
#82C2C2
#6CC2C2
#56C2C2
#3AC2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts