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 #C4C2D8 to #C4D8C2 and to #C2C4D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D4
#C4C5D5
#C4C5D5
#C4C4D6
#C4C3D7
#C4C3D7
#C4C2D8
#C4C9D1
#C4C8D2
#C4C7D3
#C4C6D4
#C3C5D5
#C3C4D7
#C3C3D8
#C4CDCD
#C4CBCF
#C4CAD1
#C4C8D2
#C3C7D4
#C3C5D6
#C3C3D8
#C4D0CA
#C4CECC
#C4CCCE
#C4CAD1
#C3C8D3
#C3C6D5
#C3C3D8
#C4D4C6
#C4D1C9
#C3CFCC
#C3CCCF
#C3CAD2
#C2C7D4
#C2C4D8
#C4D8C2
#C4D5C6
#C3D2C9
#C3CECD
#C3CBD0
#C2C8D4
#C2C4D8
Colorpallet from #C4C2D8 to #C4D8C2 and to #C2D8C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D4
#C4C6D4
#C4C6D4
#C4C6D4
#C4C6D5
#C4C6D5
#C4C6D5
#C4C9D1
#C4C9D1
#C4C9D1
#C4C9D1
#C3C9D2
#C3C9D2
#C3C9D2
#C4CDCD
#C4CDCD
#C4CDCD
#C4CDCD
#C3CDCE
#C3CDCE
#C3CDCE
#C4D0CA
#C4D0CA
#C4D0CA
#C4D0CA
#C3D0CB
#C3D0CB
#C3D0CB
#C4D4C6
#C4D4C6
#C3D4C7
#C3D4C7
#C3D4C7
#C2D4C8
#C2D4C8
#C4D8C2
#C4D8C2
#C3D8C3
#C3D8C3
#C3D8C3
#C2D8C4
#C2D8C4
Colorpallet from #C4C2D8 to #C4D8C2 and to #D8C4C2
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D4
#C4C5D4
#C5C5D4
#C5C4D4
#C6C3D4
#C6C3D4
#C7C2D4
#C4C9D1
#C5C8D1
#C6C7D1
#C7C6D1
#C8C5D1
#C9C4D1
#CAC3D1
#C4CDCD
#C6CBCD
#C7CACD
#C9C8CD
#CAC7CD
#CCC5CD
#CEC3CD
#C4D0CA
#C6CECA
#C8CCCA
#CACACA
#CCC8CA
#CEC6CA
#D1C3CA
#C4D4C6
#C7D1C6
#C9CFC6
#CCCCC6
#CECAC6
#D1C7C6
#D4C4C6
#C4D8C2
#C7D5C2
#CAD2C2
#CECEC2
#D1CBC2
#D4C8C2
#D8C4C2
Colorpallet from #C4C2D8 to #C4D8C2 and to #D8C2C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D4
#C4C5D4
#C5C5D4
#C5C4D4
#C6C3D5
#C6C3D5
#C7C2D5
#C4C9D1
#C5C8D1
#C6C7D1
#C7C6D1
#C8C5D2
#C9C3D2
#CAC2D2
#C4CDCD
#C6CBCD
#C7C9CD
#C9C8CD
#CAC6CE
#CCC4CE
#CEC2CE
#C4D0CA
#C6CECA
#C8CCCA
#CAC9CA
#CCC7CB
#CEC5CB
#D1C2CB
#C4D4C6
#C7D1C6
#C9CEC7
#CCCBC7
#CEC8C7
#D1C6C8
#D4C2C8
#C4D8C2
#C7D4C2
#CAD1C3
#CECDC3
#D1CAC3
#D4C6C4
#D8C2C4
Colorpallet from #C4C2D8 to #C2C4D8 and to #C2D8C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C3D8
#C4C3D7
#C4C4D7
#C4C5D6
#C4C5D6
#C4C6D5
#C3C3D8
#C3C4D7
#C3C5D6
#C3C6D5
#C3C7D4
#C3C8D3
#C3C9D2
#C3C3D8
#C3C5D6
#C3C6D5
#C3C8D3
#C3C9D2
#C3CBD0
#C3CDCE
#C3C3D8
#C3C5D6
#C3C7D4
#C3C9D2
#C3CBD0
#C3CDCE
#C3D0CB
#C2C4D8
#C2C7D5
#C2C9D3
#C2CCD0
#C2CECE
#C2D1CB
#C2D4C8
#C2C4D8
#C2C7D5
#C2CAD2
#C2CECE
#C2D1CB
#C2D4C8
#C2D8C4
Colorpallet from #C4C2D8 to #C2C4D8 and to #D8C4C2
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D7
#C5C2D7
#C5C2D6
#C6C2D5
#C6C2D5
#C7C2D4
#C3C3D8
#C4C3D7
#C5C3D6
#C6C3D5
#C7C3D4
#C9C3D2
#CAC3D1
#C3C3D8
#C5C3D6
#C7C3D4
#C8C3D3
#CAC3D1
#CCC3CF
#CEC3CD
#C3C3D8
#C5C3D6
#C7C3D4
#CAC3D1
#CCC3CF
#CEC3CD
#D1C3CA
#C2C4D8
#C5C4D5
#C8C4D2
#CBC4CF
#CEC4CC
#D0C4CA
#D4C4C6
#C2C4D8
#C6C4D4
#C9C4D1
#CDC4CD
#D0C4CA
#D4C4C6
#D8C4C2
Colorpallet from #C4C2D8 to #C2C4D8 and to #D8C2C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C5C2D7
#C5C2D7
#C6C2D6
#C6C2D6
#C7C2D5
#C3C3D8
#C4C3D7
#C5C3D6
#C6C3D5
#C7C2D4
#C9C2D3
#CAC2D2
#C3C3D8
#C5C3D6
#C7C3D5
#C8C3D3
#CAC2D2
#CCC2D0
#CEC2CE
#C3C3D8
#C5C3D6
#C7C3D4
#CAC3D2
#CCC2D0
#CEC2CE
#D1C2CB
#C2C4D8
#C5C4D5
#C8C3D3
#CBC3D0
#CEC3CE
#D0C2CB
#D4C2C8
#C2C4D8
#C6C4D5
#C9C3D2
#CDC3CE
#D0C3CB
#D4C2C8
#D8C2C4
Colorpallet from #C4C2D8 to #C2D8C4 and to #D8C4C2
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D5
#C4C5D5
#C5C5D5
#C5C4D5
#C6C3D4
#C6C3D4
#C7C2D4
#C3C9D2
#C4C8D2
#C5C7D2
#C6C6D2
#C7C5D1
#C9C4D1
#CAC3D1
#C3CDCE
#C5CBCE
#C7CACE
#C8C8CE
#CAC7CD
#CCC5CD
#CEC3CD
#C3D0CB
#C5CECB
#C7CCCB
#CACACB
#CCC8CA
#CEC6CA
#D1C3CA
#C2D4C8
#C5D1C8
#C8CFC7
#CBCCC7
#CECAC7
#D0C7C6
#D4C4C6
#C2D8C4
#C6D5C4
#C9D2C3
#CDCEC3
#D0CBC3
#D4C8C2
#D8C4C2
Colorpallet from #C4C2D8 to #C2D8C4 and to #D8C2C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C6D5
#C4C5D5
#C5C5D5
#C5C4D5
#C6C3D5
#C6C3D5
#C7C2D5
#C3C9D2
#C4C8D2
#C5C7D2
#C6C6D2
#C7C5D2
#C9C3D2
#CAC2D2
#C3CDCE
#C5CBCE
#C7C9CE
#C8C8CE
#CAC6CE
#CCC4CE
#CEC2CE
#C3D0CB
#C5CECB
#C7CCCB
#CAC9CB
#CCC7CB
#CEC5CB
#D1C2CB
#C2D4C8
#C5D1C8
#C8CEC8
#CBCBC8
#CEC8C8
#D0C6C8
#D4C2C8
#C2D8C4
#C6D4C4
#C9D1C4
#CDCDC4
#D0CAC4
#D4C6C4
#D8C2C4
Colorpallet from #C4C2D8 to #D8C4C2 and to #D8C2C4
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C4C2D8
#C7C2D4
#C7C2D4
#C7C2D4
#C7C2D4
#C7C2D5
#C7C2D5
#C7C2D5
#CAC3D1
#CAC3D1
#CAC3D1
#CAC3D1
#CAC2D2
#CAC2D2
#CAC2D2
#CEC3CD
#CEC3CD
#CEC3CD
#CEC3CD
#CEC2CE
#CEC2CE
#CEC2CE
#D1C3CA
#D1C3CA
#D1C3CA
#D1C3CA
#D1C2CB
#D1C2CB
#D1C2CB
#D4C4C6
#D4C4C6
#D4C3C7
#D4C3C7
#D4C3C7
#D4C2C8
#D4C2C8
#D8C4C2
#D8C4C2
#D8C3C3
#D8C3C3
#D8C3C3
#D8C2C4
#D8C2C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts