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 #C4C4C8 to #C4C8C4 and to #3BC4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C5C7
#C0C5C7
#BDC5C7
#B9C5C7
#B6C4C8
#B2C4C8
#AEC4C8
#C4C5C7
#BDC5C7
#B6C5C7
#AFC5C7
#A8C4C8
#A1C4C8
#98C4C8
#C4C6C6
#B9C6C6
#AFC5C7
#A4C5C7
#9AC5C7
#8FC4C8
#82C4C8
#C4C7C5
#B6C7C5
#A8C6C6
#9AC6C6
#8CC5C7
#7EC5C7
#6CC4C8
#C4C7C5
#B2C7C5
#A1C6C6
#8FC6C6
#7EC5C7
#6CC5C7
#56C4C8
#C4C8C4
#AEC7C5
#98C7C5
#82C6C6
#6CC5C7
#56C5C7
#3BC4C8
Colorpallet from #C4C4C8 to #C4C8C4 and to #C4C8C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C6C6
#C4C6C6
#C4C6C6
#C4C6C6
#C4C6C6
#C4C6C6
#C4C6C6
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C7C5
#C4C8C4
#C4C8C4
#C4C8C4
#C4C8C4
#C4C8C4
#C4C8C4
#C4C8C4
Colorpallet from #C4C4C8 to #C4C8C4 and to #C8C4C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C5C4C7
#C5C4C7
#C5C4C7
#C4C5C7
#C4C5C7
#C4C5C7
#C4C5C7
#C5C4C7
#C5C4C7
#C5C4C7
#C4C6C6
#C4C6C6
#C5C5C6
#C5C5C6
#C5C5C6
#C6C4C6
#C6C4C6
#C4C7C5
#C4C7C5
#C5C6C5
#C5C6C5
#C6C5C5
#C6C5C5
#C7C4C5
#C4C7C5
#C4C7C5
#C5C6C5
#C5C6C5
#C6C5C5
#C6C5C5
#C7C4C5
#C4C8C4
#C5C7C4
#C5C7C4
#C6C6C4
#C7C5C4
#C7C5C4
#C8C4C4
Colorpallet from #C4C4C8 to #C4C8C4 and to #37C4C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C5C7
#C0C5C7
#BDC5C7
#B9C5C7
#B5C4C7
#B2C4C7
#ADC4C7
#C4C5C7
#BDC5C7
#B6C5C7
#AEC5C7
#A7C4C7
#A0C4C7
#97C4C7
#C4C6C6
#B9C6C6
#AEC5C6
#A3C5C6
#98C5C6
#8EC4C6
#80C4C6
#C4C7C5
#B6C7C5
#A7C6C5
#99C6C5
#8AC5C5
#7CC5C5
#6AC4C5
#C4C7C5
#B2C7C5
#A0C6C5
#8EC6C5
#7CC5C5
#6AC5C5
#53C4C5
#C4C8C4
#ADC7C4
#97C7C4
#80C6C4
#6AC5C4
#53C5C4
#37C4C4
Colorpallet from #C4C4C8 to #3BC4C8 and to #C4C8C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#AEC4C8
#B2C4C8
#B5C4C8
#B9C4C8
#BCC5C7
#C0C5C7
#C4C5C7
#98C4C8
#9FC4C8
#A6C4C8
#ADC4C8
#B4C5C7
#BBC5C7
#C4C5C7
#82C4C8
#8DC4C8
#97C5C7
#A2C5C7
#ACC5C7
#B7C6C6
#C4C6C6
#6CC4C8
#7AC4C8
#88C5C7
#96C5C7
#A4C6C6
#B2C6C6
#C4C7C5
#56C4C8
#68C4C8
#79C5C7
#8BC5C7
#9CC6C6
#AEC6C6
#C4C7C5
#3BC4C8
#51C5C7
#67C5C7
#7DC6C6
#93C7C5
#A9C7C5
#C4C8C4
Colorpallet from #C4C4C8 to #3BC4C8 and to #C8C4C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#AEC4C8
#B2C4C8
#B5C4C8
#B9C4C8
#BDC4C7
#C0C4C7
#C5C4C7
#98C4C8
#9FC4C8
#A6C4C8
#AEC4C8
#B5C4C7
#BCC4C7
#C5C4C7
#82C4C8
#8DC4C8
#98C4C7
#A3C4C7
#AEC4C7
#B8C4C6
#C6C4C6
#6CC4C8
#7BC4C8
#89C4C7
#98C4C7
#A6C4C6
#B5C4C6
#C7C4C5
#56C4C8
#68C4C8
#7AC4C7
#8CC4C7
#9EC4C6
#B0C4C6
#C7C4C5
#3BC4C8
#52C4C7
#68C4C7
#7FC4C6
#95C4C5
#ACC4C5
#C8C4C4
Colorpallet from #C4C4C8 to #3BC4C8 and to #37C4C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#AEC4C8
#AEC4C8
#AEC4C8
#AEC4C8
#ADC4C7
#ADC4C7
#ADC4C7
#98C4C8
#98C4C8
#98C4C8
#98C4C8
#97C4C7
#97C4C7
#97C4C7
#82C4C8
#82C4C8
#81C4C7
#81C4C7
#81C4C7
#80C4C6
#80C4C6
#6CC4C8
#6CC4C8
#6BC4C7
#6BC4C7
#6BC4C6
#6AC4C6
#6AC4C5
#56C4C8
#56C4C8
#55C4C7
#55C4C7
#54C4C6
#54C4C6
#53C4C5
#3BC4C8
#3AC4C7
#3AC4C7
#39C4C6
#38C4C5
#38C4C5
#37C4C4
Colorpallet from #C4C4C8 to #C8C4C4 and to #37C4C4
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C4C4C8
#C5C4C7
#C1C4C7
#BDC4C7
#B9C4C7
#B6C4C7
#B2C4C7
#ADC4C7
#C5C4C7
#BEC4C7
#B6C4C7
#AFC4C7
#A8C4C7
#A0C4C7
#97C4C7
#C6C4C6
#BBC4C6
#B0C4C6
#A4C4C6
#99C4C6
#8EC4C6
#80C4C6
#C7C4C5
#B8C4C5
#A9C4C5
#9AC4C5
#8BC4C5
#7DC4C5
#6AC4C5
#C7C4C5
#B4C4C5
#A2C4C5
#8FC4C5
#7DC4C5
#6AC4C5
#53C4C5
#C8C4C4
#B1C4C4
#9AC4C4
#82C4C4
#6BC4C4
#54C4C4
#37C4C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts