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 #C1DEE2 to #C1E2DE and to #DEC1E2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DFE1
#C2DEE1
#C3DDE1
#C3DCE1
#C4DBE2
#C5DAE2
#C6D9E2
#C1DFE1
#C2DDE1
#C4DCE1
#C5DAE1
#C7D9E2
#C8D7E2
#CAD5E2
#C1E0E0
#C3DDE0
#C5DBE1
#C8D8E1
#CAD6E1
#CCD3E2
#CFD0E2
#C1E1DF
#C4DDDF
#C7DAE0
#CAD6E0
#CDD3E1
#D0CFE1
#D4CBE2
#C1E1DF
#C5DDDF
#C8D9E0
#CCD5E0
#D0D0E1
#D3CCE1
#D8C7E2
#C1E2DE
#C6DDDF
#CAD7DF
#CFD2E0
#D4CDE1
#D8C8E1
#DEC1E2
Colorpallet from #C1DEE2 to #C1E2DE and to #DEE2C1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DFE1
#C2DFE0
#C3DFE0
#C3DFDF
#C4DFDE
#C5DFDE
#C6DFDD
#C1DFE1
#C2DFDF
#C4DFDE
#C5DFDC
#C7DFDB
#C8DFD9
#CADFD7
#C1E0E0
#C3E0DE
#C5E0DC
#C8E0D9
#CAE0D7
#CCE0D5
#CFE0D2
#C1E1DF
#C4E1DC
#C7E1D9
#CAE1D6
#CDE1D3
#D0E1D1
#D4E1CD
#C1E1DF
#C5E1DB
#C8E1D8
#CCE1D4
#D0E1D0
#D3E1CD
#D8E1C8
#C1E2DE
#C6E2D9
#CAE2D5
#CFE2D0
#D4E2CB
#D8E2C7
#DEE2C1
Colorpallet from #C1DEE2 to #C1E2DE and to #E2C1DE
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DFE1
#C2DEE1
#C3DDE1
#C3DCE1
#C4DBE1
#C5DAE1
#C6D9E1
#C1DFE1
#C3DDE1
#C5DCE1
#C6DAE1
#C8D9E1
#CAD7E1
#CCD5E1
#C1E0E0
#C4DDE0
#C6DBE0
#C9D8E0
#CBD6E0
#CED3E0
#D1D0E0
#C1E1DF
#C4DDDF
#C8DADF
#CBD6DF
#CED3DF
#D2CFDF
#D6CBDF
#C1E1DF
#C5DDDF
#C9D9DF
#CDD5DF
#D2D0DF
#D6CCDF
#DBC7DF
#C1E2DE
#C6DDDE
#CCD7DE
#D1D2DE
#D6CDDE
#DBC8DE
#E2C1DE
Colorpallet from #C1DEE2 to #C1E2DE and to #E2DEC1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DFE1
#C2DFE0
#C3DFE0
#C3DFDF
#C4DEDE
#C5DEDE
#C6DEDD
#C1DFE1
#C3DFDF
#C5DFDE
#C6DFDC
#C8DEDB
#CADED9
#CCDED7
#C1E0E0
#C4E0DE
#C6DFDC
#C9DFD9
#CBDFD7
#CEDED5
#D1DED2
#C1E1DF
#C4E1DC
#C8E0D9
#CBE0D6
#CEDFD3
#D2DFD1
#D6DECD
#C1E1DF
#C5E1DB
#C9E0D8
#CDE0D4
#D2DFD0
#D6DFCD
#DBDEC8
#C1E2DE
#C6E1D9
#CCE1D5
#D1E0D0
#D6DFCB
#DBDFC7
#E2DEC1
Colorpallet from #C1DEE2 to #DEC1E2 and to #DEE2C1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6D9E2
#C6DAE1
#C6DBE0
#C6DCE0
#C6DDDF
#C6DEDE
#C6DFDD
#CAD5E2
#CAD7E0
#CAD8DE
#CADADD
#CADBDB
#CADDD9
#CADFD7
#CFD0E2
#CFD3DF
#CFD5DD
#CFD8DA
#CFDAD8
#CFDDD5
#CFE0D2
#D4CBE2
#D4CFDF
#D4D2DB
#D4D6D8
#D4D9D5
#D4DDD1
#D4E1CD
#D8C7E2
#D8CBDE
#D8CFDA
#D8D3D6
#D8D8D1
#D8DCCD
#D8E1C8
#DEC1E2
#DEC6DD
#DECCD7
#DED1D2
#DED6CD
#DEDBC8
#DEE2C1
Colorpallet from #C1DEE2 to #DEC1E2 and to #E2C1DE
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6D9E2
#C6D9E2
#C6D9E2
#C6D9E2
#C6D9E1
#C6D9E1
#C6D9E1
#CAD5E2
#CAD5E2
#CBD5E2
#CBD5E2
#CBD5E1
#CCD5E1
#CCD5E1
#CFD0E2
#CFD0E2
#D0D0E1
#D0D0E1
#D0D0E1
#D1D0E0
#D1D0E0
#D4CBE2
#D4CBE2
#D5CBE1
#D5CBE1
#D5CBE0
#D6CBE0
#D6CBDF
#D8C7E2
#D8C7E2
#D9C7E1
#D9C7E1
#DAC7E0
#DAC7E0
#DBC7DF
#DEC1E2
#DFC1E1
#DFC1E1
#E0C1E0
#E1C1DF
#E1C1DF
#E2C1DE
Colorpallet from #C1DEE2 to #DEC1E2 and to #E2DEC1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6D9E2
#C6DAE1
#C6DBE0
#C6DBE0
#C6DCDF
#C6DDDE
#C6DEDD
#CAD5E2
#CAD6E0
#CBD8DE
#CBD9DD
#CBDBDB
#CCDCD9
#CCDED7
#CFD0E2
#CFD2DF
#D0D4DD
#D0D7DA
#D0D9D8
#D1DBD5
#D1DED2
#D4CBE2
#D4CEDF
#D5D1DB
#D5D4D8
#D5D7D5
#D6DAD1
#D6DECD
#D8C7E2
#D8CBDE
#D9CEDA
#D9D2D6
#DAD6D1
#DAD9CD
#DBDEC8
#DEC1E2
#DFC6DD
#DFCAD7
#E0CFD2
#E1D4CD
#E1D8C8
#E2DEC1
Colorpallet from #C1DEE2 to #DEE2C1 and to #E2C1DE
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6DFDD
#C6DEDE
#C6DDDE
#C6DCDF
#C6DBE0
#C6DAE0
#C6D9E1
#CADFD7
#CADDD9
#CBDCDA
#CBDADC
#CBD9DD
#CCD7DF
#CCD5E1
#CFE0D2
#CFDDD4
#D0DBD6
#D0D8D9
#D0D6DB
#D1D3DD
#D1D0E0
#D4E1CD
#D4DDD0
#D5DAD3
#D5D6D6
#D5D3D9
#D6CFDB
#D6CBDF
#D8E1C8
#D8DDCC
#D9D9CF
#D9D5D3
#DAD0D7
#DACCDA
#DBC7DF
#DEE2C1
#DFDDC6
#DFD7CA
#E0D2CF
#E1CDD4
#E1C8D8
#E2C1DE
Colorpallet from #C1DEE2 to #DEE2C1 and to #E2DEC1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6DFDD
#C6DFDD
#C6DFDD
#C6DFDD
#C6DEDD
#C6DEDD
#C6DEDD
#CADFD7
#CADFD7
#CBDFD7
#CBDFD7
#CBDED7
#CCDED7
#CCDED7
#CFE0D2
#CFE0D2
#D0DFD2
#D0DFD2
#D0DFD2
#D1DED2
#D1DED2
#D4E1CD
#D4E1CD
#D5E0CD
#D5E0CD
#D5DFCD
#D6DFCD
#D6DECD
#D8E1C8
#D8E1C8
#D9E0C8
#D9E0C8
#DADFC8
#DADFC8
#DBDEC8
#DEE2C1
#DFE1C1
#DFE1C1
#E0E0C1
#E1DFC1
#E1DFC1
#E2DEC1
Colorpallet from #C1DEE2 to #E2C1DE and to #E2DEC1
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C1DEE2
#C6D9E1
#C6DAE0
#C6DBE0
#C6DBDF
#C6DCDE
#C6DDDE
#C6DEDD
#CCD5E1
#CCD6DF
#CCD8DE
#CCD9DC
#CCDBDB
#CCDCD9
#CCDED7
#D1D0E0
#D1D2DE
#D1D4DC
#D1D7D9
#D1D9D7
#D1DBD5
#D1DED2
#D6CBDF
#D6CEDC
#D6D1D9
#D6D4D6
#D6D7D3
#D6DAD1
#D6DECD
#DBC7DF
#DBCBDB
#DBCED8
#DBD2D4
#DBD6D0
#DBD9CD
#DBDEC8
#E2C1DE
#E2C6D9
#E2CAD5
#E2CFD0
#E2D4CB
#E2D8C7
#E2DEC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts