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 #C2C8BD to #C2BDC8 and to #C8C2BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C6BF
#C2C6BF
#C2C6BE
#C2C6BE
#C3C7BE
#C3C7BD
#C3C7BD
#C2C4C1
#C2C4C0
#C3C5C0
#C3C5BF
#C3C5BE
#C4C6BE
#C4C6BD
#C2C3C2
#C2C3C1
#C3C4C0
#C3C4C0
#C4C4BF
#C4C5BE
#C5C5BD
#C2C1C4
#C3C1C3
#C3C2C2
#C4C2C1
#C5C3C0
#C5C3BE
#C6C4BD
#C2BFC6
#C3C0C5
#C4C0C3
#C4C1C2
#C5C2C0
#C6C2BF
#C7C3BD
#C2BDC8
#C3BEC6
#C4BFC4
#C5BFC3
#C6C0C1
#C7C1BF
#C8C2BD
Colorpallet from #C2C8BD to #C2BDC8 and to #C8BDC2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C6BF
#C2C6BF
#C2C6BF
#C2C6BF
#C3C6BE
#C3C6BE
#C3C6BE
#C2C4C1
#C2C4C1
#C3C4C0
#C3C4C0
#C3C4C0
#C4C4BF
#C4C4BF
#C2C3C2
#C2C3C2
#C3C3C1
#C3C3C1
#C4C3C0
#C4C3C0
#C5C3BF
#C2C1C4
#C3C1C3
#C3C1C3
#C4C1C2
#C5C1C1
#C5C1C1
#C6C1C0
#C2BFC6
#C3BFC5
#C4BFC4
#C4BFC4
#C5BFC3
#C6BFC2
#C7BFC1
#C2BDC8
#C3BDC7
#C4BDC6
#C5BDC5
#C6BDC4
#C7BDC3
#C8BDC2
Colorpallet from #C2C8BD to #C2BDC8 and to #BDC2C8
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C6BF
#C2C6BF
#C2C6BF
#C2C6BF
#C1C7BF
#C1C7BF
#C1C7BF
#C2C4C1
#C2C4C1
#C1C5C1
#C1C5C1
#C1C5C1
#C0C6C1
#C0C6C1
#C2C3C2
#C2C3C2
#C1C4C2
#C1C4C2
#C1C4C2
#C0C5C2
#C0C5C2
#C2C1C4
#C2C1C4
#C1C2C4
#C1C2C4
#C0C3C4
#C0C3C4
#BFC4C4
#C2BFC6
#C1C0C6
#C1C0C6
#C0C1C6
#BFC2C6
#BFC2C6
#BEC3C6
#C2BDC8
#C1BEC8
#C0BFC8
#C0BFC8
#BFC0C8
#BEC1C8
#BDC2C8
Colorpallet from #C2C8BD to #C2BDC8 and to #BDC8C2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C6BF
#C2C6BF
#C2C7BF
#C2C7BF
#C1C7BE
#C1C8BE
#C1C8BE
#C2C4C1
#C2C5C1
#C1C5C0
#C1C6C0
#C1C7C0
#C0C7BF
#C0C8BF
#C2C3C2
#C2C4C2
#C1C5C1
#C1C5C1
#C1C6C0
#C0C7C0
#C0C8BF
#C2C1C4
#C2C2C3
#C1C3C3
#C1C4C2
#C0C5C1
#C0C7C1
#BFC8C0
#C2BFC6
#C1C0C5
#C1C2C4
#C0C3C4
#BFC5C3
#BFC6C2
#BEC8C1
#C2BDC8
#C1BFC7
#C0C1C6
#C0C2C5
#BFC4C4
#BEC6C3
#BDC8C2
Colorpallet from #C2C8BD to #C8C2BD and to #C8BDC2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C3C7BD
#C3C7BD
#C3C7BD
#C3C7BD
#C3C6BE
#C3C6BE
#C3C6BE
#C4C6BD
#C4C6BD
#C4C5BE
#C4C5BE
#C4C5BE
#C4C4BF
#C4C4BF
#C5C5BD
#C5C5BD
#C5C4BE
#C5C4BE
#C5C4BE
#C5C3BF
#C5C3BF
#C6C4BD
#C6C4BD
#C6C3BE
#C6C3BE
#C6C2BF
#C6C2BF
#C6C1C0
#C7C3BD
#C7C2BE
#C7C2BE
#C7C1BF
#C7C0C0
#C7C0C0
#C7BFC1
#C8C2BD
#C8C1BE
#C8C0BF
#C8C0BF
#C8BFC0
#C8BEC1
#C8BDC2
Colorpallet from #C2C8BD to #C8C2BD and to #BDC2C8
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C3C7BD
#C3C7BD
#C2C7BE
#C2C7BE
#C2C7BE
#C1C7BF
#C1C7BF
#C4C6BD
#C3C6BE
#C3C6BE
#C2C6BF
#C1C6C0
#C1C6C0
#C0C6C1
#C5C5BD
#C4C5BE
#C3C5BF
#C3C5BF
#C2C5C0
#C1C5C1
#C0C5C2
#C6C4BD
#C5C4BE
#C4C4BF
#C3C4C0
#C2C4C1
#C0C4C3
#BFC4C4
#C7C3BD
#C6C3BE
#C4C3C0
#C3C3C1
#C1C3C3
#C0C3C4
#BEC3C6
#C8C2BD
#C6C2BF
#C4C2C1
#C3C2C2
#C1C2C4
#BFC2C6
#BDC2C8
Colorpallet from #C2C8BD to #C8C2BD and to #BDC8C2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C3C7BD
#C3C7BD
#C2C7BD
#C2C7BD
#C2C8BE
#C1C8BE
#C1C8BE
#C4C6BD
#C3C6BD
#C3C7BE
#C2C7BE
#C1C7BE
#C1C8BF
#C0C8BF
#C5C5BD
#C4C5BD
#C3C6BE
#C3C6BE
#C2C7BE
#C1C7BF
#C0C8BF
#C6C4BD
#C5C5BD
#C4C5BE
#C3C6BE
#C2C7BF
#C0C7BF
#BFC8C0
#C7C3BD
#C6C4BE
#C4C5BE
#C3C5BF
#C1C6C0
#C0C7C0
#BEC8C1
#C8C2BD
#C6C3BE
#C4C4BF
#C3C5BF
#C1C6C0
#BFC7C1
#BDC8C2
Colorpallet from #C2C8BD to #C8BDC2 and to #BDC2C8
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C3C6BE
#C3C6BE
#C2C6BE
#C2C6BE
#C2C7BF
#C1C7BF
#C1C7BF
#C4C4BF
#C3C4BF
#C3C5C0
#C2C5C0
#C1C5C0
#C1C6C1
#C0C6C1
#C5C3BF
#C4C3BF
#C3C4C0
#C3C4C0
#C2C4C1
#C1C5C1
#C0C5C2
#C6C1C0
#C5C1C1
#C4C2C1
#C3C2C2
#C2C3C3
#C0C3C3
#BFC4C4
#C7BFC1
#C6C0C2
#C4C0C3
#C3C1C3
#C1C2C4
#C0C2C5
#BEC3C6
#C8BDC2
#C6BEC3
#C4BFC4
#C3BFC5
#C1C0C6
#BFC1C7
#BDC2C8
Colorpallet from #C2C8BD to #C8BDC2 and to #BDC8C2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C3C6BE
#C3C6BE
#C2C7BE
#C2C7BE
#C2C7BE
#C1C8BE
#C1C8BE
#C4C4BF
#C3C5BF
#C3C5BF
#C2C6BF
#C1C7BF
#C1C7BF
#C0C8BF
#C5C3BF
#C4C4BF
#C3C5BF
#C3C5BF
#C2C6BF
#C1C7BF
#C0C8BF
#C6C1C0
#C5C2C0
#C4C3C0
#C3C4C0
#C2C5C0
#C0C7C0
#BFC8C0
#C7BFC1
#C6C0C1
#C4C2C1
#C3C3C1
#C1C5C1
#C0C6C1
#BEC8C1
#C8BDC2
#C6BFC2
#C4C1C2
#C3C2C2
#C1C4C2
#BFC6C2
#BDC8C2
Colorpallet from #C2C8BD to #BDC2C8 and to #BDC8C2
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C2C8BD
#C1C7BF
#C1C7BF
#C1C7BF
#C1C7BF
#C1C8BE
#C1C8BE
#C1C8BE
#C0C6C1
#C0C6C1
#C0C7C0
#C0C7C0
#C0C7C0
#C0C8BF
#C0C8BF
#C0C5C2
#C0C5C2
#C0C6C1
#C0C6C1
#C0C7C0
#C0C7C0
#C0C8BF
#BFC4C4
#BFC5C3
#BFC5C3
#BFC6C2
#BFC7C1
#BFC7C1
#BFC8C0
#BEC3C6
#BEC4C5
#BEC5C4
#BEC5C4
#BEC6C3
#BEC7C2
#BEC8C1
#BDC2C8
#BDC3C7
#BDC4C6
#BDC5C5
#BDC6C4
#BDC7C3
#BDC8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts