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 #C4D8C2 to #C4C2D8 and to #D8C4C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D4C6
#C4D4C5
#C5D4C5
#C5D4C4
#C6D5C3
#C6D5C3
#C7D5C2
#C4D1C9
#C5D1C8
#C6D1C7
#C7D1C6
#C8D2C5
#C9D2C3
#CAD2C2
#C4CDCD
#C6CDCB
#C7CDC9
#C9CDC8
#CACEC6
#CCCEC4
#CECEC2
#C4CAD0
#C6CACE
#C8CACC
#CACAC9
#CCCBC7
#CECBC5
#D1CBC2
#C4C6D4
#C7C6D1
#C9C7CE
#CCC7CB
#CEC7C8
#D1C8C6
#D4C8C2
#C4C2D8
#C7C2D4
#CAC3D1
#CEC3CD
#D1C3CA
#D4C4C6
#D8C4C2
Colorpallet from #C4D8C2 to #C4C2D8 and to #D8C2C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D4C6
#C4D4C5
#C5D4C5
#C5D4C4
#C6D4C3
#C6D4C3
#C7D4C2
#C4D1C9
#C5D1C8
#C6D1C7
#C7D1C6
#C8D1C5
#C9D1C4
#CAD1C3
#C4CDCD
#C6CDCB
#C7CDCA
#C9CDC8
#CACDC7
#CCCDC5
#CECDC3
#C4CAD0
#C6CACE
#C8CACC
#CACACA
#CCCAC8
#CECAC6
#D1CAC3
#C4C6D4
#C7C6D1
#C9C6CF
#CCC6CC
#CEC6CA
#D1C6C7
#D4C6C4
#C4C2D8
#C7C2D5
#CAC2D2
#CEC2CE
#D1C2CB
#D4C2C8
#D8C2C4
Colorpallet from #C4D8C2 to #C4C2D8 and to #C2C4D8
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D4C6
#C4D4C6
#C4D4C6
#C4D4C6
#C4D5C6
#C4D5C6
#C4D5C6
#C4D1C9
#C4D1C9
#C4D1C9
#C4D1C9
#C3D2C9
#C3D2C9
#C3D2C9
#C4CDCD
#C4CDCD
#C4CDCD
#C4CDCD
#C3CECD
#C3CECD
#C3CECD
#C4CAD0
#C4CAD0
#C4CAD0
#C4CAD0
#C3CBD0
#C3CBD0
#C3CBD0
#C4C6D4
#C4C6D4
#C3C7D4
#C3C7D4
#C3C7D4
#C2C8D4
#C2C8D4
#C4C2D8
#C4C2D8
#C3C3D8
#C3C3D8
#C3C3D8
#C2C4D8
#C2C4D8
Colorpallet from #C4D8C2 to #C4C2D8 and to #C2D8C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D4C6
#C4D5C5
#C4D5C5
#C4D6C4
#C4D7C3
#C4D7C3
#C4D8C2
#C4D1C9
#C4D2C8
#C4D3C7
#C4D4C6
#C3D5C5
#C3D7C4
#C3D8C3
#C4CDCD
#C4CFCB
#C4D1CA
#C4D2C8
#C3D4C7
#C3D6C5
#C3D8C3
#C4CAD0
#C4CCCE
#C4CECC
#C4D1CA
#C3D3C8
#C3D5C6
#C3D8C3
#C4C6D4
#C4C9D1
#C3CCCF
#C3CFCC
#C3D2CA
#C2D4C7
#C2D8C4
#C4C2D8
#C4C6D5
#C3C9D2
#C3CDCE
#C3D0CB
#C2D4C8
#C2D8C4
Colorpallet from #C4D8C2 to #D8C4C2 and to #D8C2C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C7D5C2
#C7D5C2
#C7D5C2
#C7D5C2
#C7D4C2
#C7D4C2
#C7D4C2
#CAD2C2
#CAD2C2
#CAD2C2
#CAD2C2
#CAD1C3
#CAD1C3
#CAD1C3
#CECEC2
#CECEC2
#CECEC2
#CECEC2
#CECDC3
#CECDC3
#CECDC3
#D1CBC2
#D1CBC2
#D1CBC2
#D1CBC2
#D1CAC3
#D1CAC3
#D1CAC3
#D4C8C2
#D4C8C2
#D4C7C3
#D4C7C3
#D4C7C3
#D4C6C4
#D4C6C4
#D8C4C2
#D8C4C2
#D8C3C3
#D8C3C3
#D8C3C3
#D8C2C4
#D8C2C4
Colorpallet from #C4D8C2 to #D8C4C2 and to #C2C4D8
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C7D5C2
#C7D5C3
#C6D5C3
#C6D5C4
#C5D5C5
#C5D5C5
#C4D5C6
#CAD2C2
#C9D2C3
#C8D2C4
#C7D2C5
#C6D2C6
#C4D2C8
#C3D2C9
#CECEC2
#CCCEC4
#CACEC6
#C9CEC7
#C7CEC9
#C5CECB
#C3CECD
#D1CBC2
#CFCBC4
#CDCBC6
#CACBC9
#C8CBCB
#C6CBCD
#C3CBD0
#D4C8C2
#D1C8C5
#CEC8C8
#CBC8CB
#C8C8CE
#C6C8D0
#C2C8D4
#D8C4C2
#D4C4C6
#D1C4C9
#CDC4CD
#CAC4D0
#C6C4D4
#C2C4D8
Colorpallet from #C4D8C2 to #D8C4C2 and to #C2D8C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C7D5C2
#C7D5C2
#C6D6C2
#C6D6C2
#C5D7C2
#C5D7C2
#C4D8C2
#CAD2C2
#C9D3C2
#C8D4C2
#C7D5C2
#C6D6C3
#C4D7C3
#C3D8C3
#CECEC2
#CCD0C2
#CAD1C2
#C9D3C2
#C7D4C3
#C5D6C3
#C3D8C3
#D1CBC2
#CFCDC2
#CDCFC2
#CAD1C2
#C8D3C3
#C6D5C3
#C3D8C3
#D4C8C2
#D1CBC2
#CECDC3
#CBD0C3
#C8D2C3
#C6D5C4
#C2D8C4
#D8C4C2
#D4C7C2
#D1CAC3
#CDCEC3
#CAD1C3
#C6D4C4
#C2D8C4
Colorpallet from #C4D8C2 to #D8C2C4 and to #C2C4D8
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C7D4C2
#C7D4C3
#C6D4C3
#C6D4C4
#C5D5C5
#C5D5C5
#C4D5C6
#CAD1C3
#C9D1C4
#C8D1C5
#C7D1C6
#C6D2C7
#C4D2C8
#C3D2C9
#CECDC3
#CCCDC5
#CACDC6
#C9CDC8
#C7CEC9
#C5CECB
#C3CECD
#D1CAC3
#CFCAC5
#CDCAC7
#CACAC9
#C8CBCB
#C6CBCD
#C3CBD0
#D4C6C4
#D1C6C7
#CEC7C9
#CBC7CC
#C8C7CE
#C6C8D1
#C2C8D4
#D8C2C4
#D4C2C7
#D1C3CA
#CDC3CE
#CAC3D1
#C6C4D4
#C2C4D8
Colorpallet from #C4D8C2 to #D8C2C4 and to #C2D8C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C7D4C2
#C7D5C2
#C6D5C2
#C6D6C2
#C5D7C2
#C5D7C2
#C4D8C2
#CAD1C3
#C9D2C3
#C8D3C3
#C7D4C3
#C6D5C3
#C4D7C3
#C3D8C3
#CECDC3
#CCCFC3
#CAD1C3
#C9D2C3
#C7D4C3
#C5D6C3
#C3D8C3
#D1CAC3
#CFCCC3
#CDCEC3
#CAD1C3
#C8D3C3
#C6D5C3
#C3D8C3
#D4C6C4
#D1C9C4
#CECCC4
#CBCFC4
#C8D2C4
#C6D4C4
#C2D8C4
#D8C2C4
#D4C6C4
#D1C9C4
#CDCDC4
#CAD0C4
#C6D4C4
#C2D8C4
Colorpallet from #C4D8C2 to #C2C4D8 and to #C2D8C4
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D8C2
#C4D5C6
#C4D5C5
#C4D6C5
#C4D6C4
#C4D7C3
#C4D7C3
#C4D8C2
#C3D2C9
#C3D3C8
#C3D4C7
#C3D5C6
#C3D6C5
#C3D7C4
#C3D8C3
#C3CECD
#C3D0CB
#C3D1CA
#C3D3C8
#C3D4C7
#C3D6C5
#C3D8C3
#C3CBD0
#C3CDCE
#C3CFCC
#C3D1CA
#C3D3C8
#C3D5C6
#C3D8C3
#C2C8D4
#C2CBD1
#C2CDCF
#C2D0CC
#C2D2CA
#C2D5C7
#C2D8C4
#C2C4D8
#C2C7D5
#C2CAD2
#C2CECE
#C2D1CB
#C2D4C8
#C2D8C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts