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 #C2E4C9 to #C2C9E4 and to #E4C2C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E0CD
#C3E0CC
#C4E0CC
#C4E0CB
#C5DFCA
#C6DFCA
#C7DFC9
#C2DBD2
#C4DBD1
#C6DACF
#C7DACE
#C9DACC
#CBD9CB
#CDD9C9
#C2D7D6
#C5D7D4
#C7D6D2
#CAD6D0
#CCD5CE
#CFD5CC
#D2D4C9
#C2D3DA
#C6D2D7
#C9D1D5
#CDD1D2
#D0D0CF
#D4CFCC
#D8CEC9
#C2CEDF
#C6CDDB
#CBCCD8
#CFCCD4
#D3CBD1
#D8CACD
#DDC9C9
#C2C9E4
#C7C8E0
#CDC7DB
#D2C6D7
#D8C5D3
#DDC3CE
#E4C2C9
Colorpallet from #C2E4C9 to #C2C9E4 and to #E4C9C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E0CD
#C3E0CC
#C4E0CB
#C4E0CB
#C5E0CA
#C6E0C9
#C7E0C8
#C2DBD2
#C4DBD0
#C6DBCE
#C7DBCD
#C9DBCB
#CBDBC9
#CDDBC7
#C2D7D6
#C5D7D3
#C7D7D1
#CAD7CE
#CCD7CC
#CFD7C9
#D2D7C6
#C2D3DA
#C6D3D7
#C9D3D3
#CDD3D0
#D0D3CD
#D4D3C9
#D8D3C5
#C2CEDF
#C6CEDB
#CBCED6
#CFCED2
#D3CECD
#D8CEC9
#DDCEC3
#C2C9E4
#C7C9DF
#CDC9D9
#D2C9D4
#D8C9CE
#DDC9C9
#E4C9C2
Colorpallet from #C2E4C9 to #C2C9E4 and to #C9C2E4
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E0CD
#C2E0CD
#C2E0CD
#C2E0CD
#C3DFCD
#C3DFCD
#C3DFCD
#C2DBD2
#C2DBD2
#C3DAD2
#C3DAD2
#C3DAD2
#C4D9D2
#C4D9D2
#C2D7D6
#C2D7D6
#C3D6D6
#C3D6D6
#C4D5D6
#C4D5D6
#C5D4D6
#C2D3DA
#C3D2DA
#C3D1DA
#C4D1DA
#C5D0DA
#C5CFDA
#C6CEDA
#C2CEDF
#C3CDDF
#C4CCDF
#C5CCDF
#C6CBDF
#C7CADF
#C8C9DF
#C2C9E4
#C3C8E4
#C4C7E4
#C5C6E4
#C6C5E4
#C8C3E4
#C9C2E4
Colorpallet from #C2E4C9 to #C2C9E4 and to #C9E4C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E0CD
#C2E1CC
#C2E1CB
#C2E2CB
#C3E3CA
#C3E3C9
#C3E4C8
#C2DBD2
#C2DCD0
#C3DECE
#C3DFCD
#C3E1CB
#C4E2C9
#C4E4C7
#C2D7D6
#C2D9D3
#C3DBD1
#C3DDCE
#C4DFCC
#C4E1C9
#C5E4C6
#C2D3DA
#C3D6D7
#C3D8D3
#C4DBD0
#C5DECD
#C5E1C9
#C6E4C5
#C2CEDF
#C3D2DB
#C4D5D6
#C5D9D2
#C6DCCD
#C7E0C9
#C8E4C3
#C2C9E4
#C3CDDF
#C4D2D9
#C5D6D4
#C6DACE
#C8DFC9
#C9E4C2
Colorpallet from #C2E4C9 to #E4C2C9 and to #E4C9C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C7DFC9
#C7DFC9
#C7DFC9
#C7DFC9
#C7E0C8
#C7E0C8
#C7E0C8
#CDD9C9
#CDD9C9
#CDDAC8
#CDDAC8
#CDDAC8
#CDDBC7
#CDDBC7
#D2D4C9
#D2D4C9
#D2D5C8
#D2D5C8
#D2D6C7
#D2D6C7
#D2D7C6
#D8CEC9
#D8CFC8
#D8D0C8
#D8D0C7
#D8D1C6
#D8D2C6
#D8D3C5
#DDC9C9
#DDCAC8
#DDCBC7
#DDCBC6
#DDCCC5
#DDCDC4
#DDCEC3
#E4C2C9
#E4C3C8
#E4C4C7
#E4C5C6
#E4C6C5
#E4C8C3
#E4C9C2
Colorpallet from #C2E4C9 to #E4C2C9 and to #C9C2E4
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C7DFC9
#C6DFCA
#C6DFCA
#C5DFCB
#C4DFCC
#C4DFCC
#C3DFCD
#CDD9C9
#CCD9CA
#CAD9CC
#C9D9CD
#C7D9CF
#C6D9D0
#C4D9D2
#D2D4C9
#D0D4CB
#CED4CD
#CCD4CF
#CAD4D1
#C8D4D3
#C5D4D6
#D8CEC9
#D5CECC
#D2CECE
#CFCED1
#CCCED4
#CACED7
#C6CEDA
#DDC9C9
#DAC9CD
#D6C9D0
#D3C9D4
#D0C9D7
#CCC9DB
#C8C9DF
#E4C2C9
#E0C2CD
#DBC2D2
#D7C2D6
#D3C2DA
#CEC2DF
#C9C2E4
Colorpallet from #C2E4C9 to #E4C2C9 and to #C9E4C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C7DFC9
#C6E0C9
#C6E1C9
#C5E1C9
#C4E2C8
#C4E3C8
#C3E4C8
#CDD9C9
#CCDBC9
#CADDC8
#C9DEC8
#C7E0C8
#C6E2C7
#C4E4C7
#D2D4C9
#D0D7C9
#CED9C8
#CCDCC8
#CADEC7
#C8E1C7
#C5E4C6
#D8CEC9
#D5D2C8
#D2D5C8
#CFD9C7
#CCDCC6
#CAE0C6
#C6E4C5
#DDC9C9
#DACDC8
#D6D2C7
#D3D6C6
#D0DAC5
#CCDFC4
#C8E4C3
#E4C2C9
#E0C7C8
#DBCDC7
#D7D2C6
#D3D8C5
#CEDDC3
#C9E4C2
Colorpallet from #C2E4C9 to #E4C9C2 and to #C9C2E4
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C7E0C8
#C6E0C9
#C6E0CA
#C5E0CA
#C4DFCB
#C4DFCC
#C3DFCD
#CDDBC7
#CCDBC9
#CADACB
#C9DACC
#C7DACE
#C6D9D0
#C4D9D2
#D2D7C6
#D0D7C9
#CED6CB
#CCD6CE
#CAD5D0
#C8D5D3
#C5D4D6
#D8D3C5
#D5D2C8
#D2D1CC
#CFD1CF
#CCD0D2
#CACFD6
#C6CEDA
#DDCEC3
#DACDC7
#D6CCCC
#D3CCD0
#D0CBD5
#CCCAD9
#C8C9DF
#E4C9C2
#E0C8C7
#DBC7CD
#D7C6D2
#D3C5D8
#CEC3DD
#C9C2E4
Colorpallet from #C2E4C9 to #E4C9C2 and to #C9E4C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C7E0C8
#C6E1C8
#C6E1C8
#C5E2C8
#C4E3C8
#C4E3C8
#C3E4C8
#CDDBC7
#CCDCC7
#CADEC7
#C9DFC7
#C7E1C7
#C6E2C7
#C4E4C7
#D2D7C6
#D0D9C6
#CEDBC6
#CCDDC6
#CADFC6
#C8E1C6
#C5E4C6
#D8D3C5
#D5D6C5
#D2D8C5
#CFDBC5
#CCDEC5
#CAE1C5
#C6E4C5
#DDCEC3
#DAD2C3
#D6D5C3
#D3D9C3
#D0DCC3
#CCE0C3
#C8E4C3
#E4C9C2
#E0CDC2
#DBD2C2
#D7D6C2
#D3DAC2
#CEDFC2
#C9E4C2
Colorpallet from #C2E4C9 to #C9C2E4 and to #C9E4C2
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C2E4C9
#C3DFCD
#C3E0CC
#C3E1CB
#C3E1CB
#C3E2CA
#C3E3C9
#C3E4C8
#C4D9D2
#C4DBD0
#C4DDCE
#C4DECD
#C4E0CB
#C4E2C9
#C4E4C7
#C5D4D6
#C5D7D3
#C5D9D1
#C5DCCE
#C5DECC
#C5E1C9
#C5E4C6
#C6CEDA
#C6D2D7
#C6D5D3
#C6D9D0
#C6DCCD
#C6E0C9
#C6E4C5
#C8C9DF
#C8CDDB
#C8D2D6
#C8D6D2
#C8DACD
#C8DFC9
#C8E4C3
#C9C2E4
#C9C7DF
#C9CDD9
#C9D2D4
#C9D8CE
#C9DDC9
#C9E4C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts