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 #C2DEE1 to #C2E1DE and to #DEC2E1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C3DDE1
#C3DDE1
#C4DCE1
#C5DBE1
#C5DBE1
#C6DAE1
#C2DFE0
#C3DDE0
#C5DCE0
#C6DAE0
#C8D9E1
#C9D7E1
#CBD5E1
#C2DFE0
#C4DDE0
#C6DBE0
#C8D8E0
#CAD6E1
#CCD4E1
#CFD1E1
#C2E0DF
#C5DDDF
#C8DAE0
#CBD6E0
#CED3E0
#D0D0E1
#D4CCE1
#C2E0DF
#C6DCDF
#C9D8E0
#CDD4E0
#D0D1E0
#D4CDE1
#D8C8E1
#C2E1DE
#C6DCDE
#CBD7DF
#CFD2DF
#D4CDE0
#D8C8E0
#DEC2E1
Colorpallet from #C2DEE1 to #C2E1DE and to #DEE1C2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C3DEE0
#C3DEDF
#C4DEDF
#C5DEDE
#C5DEDD
#C6DEDC
#C2DFE0
#C3DFDF
#C5DFDD
#C6DFDC
#C8DFDA
#C9DFD9
#CBDFD7
#C2DFE0
#C4DFDE
#C6DFDC
#C8DFD9
#CADFD7
#CCDFD5
#CFDFD2
#C2E0DF
#C5E0DC
#C8E0D9
#CBE0D6
#CEE0D3
#D0E0D1
#D4E0CD
#C2E0DF
#C6E0DB
#C9E0D8
#CDE0D4
#D0E0D0
#D4E0CD
#D8E0C8
#C2E1DE
#C6E1DA
#CBE1D5
#CFE1D1
#D4E1CC
#D8E1C8
#DEE1C2
Colorpallet from #C2DEE1 to #C2E1DE and to #E1C2DE
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C3DDE1
#C4DDE1
#C4DCE1
#C5DBE1
#C6DBE1
#C7DAE1
#C2DFE0
#C4DDE0
#C5DCE0
#C7DAE0
#C8D9E0
#CAD7E0
#CCD5E0
#C2DFE0
#C4DDE0
#C7DBE0
#C9D8E0
#CCD6E0
#CED4E0
#D1D1E0
#C2E0DF
#C5DDDF
#C8DADF
#CCD6DF
#CFD3DF
#D2D0DF
#D6CCDF
#C2E0DF
#C6DCDF
#CAD8DF
#CED4DF
#D2D1DF
#D6CDDF
#DBC8DF
#C2E1DE
#C7DCDE
#CCD7DE
#D1D2DE
#D6CDDE
#DBC8DE
#E1C2DE
Colorpallet from #C2DEE1 to #C2E1DE and to #E1DEC2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C3DEE0
#C4DEDF
#C4DEDF
#C5DEDE
#C6DEDD
#C7DEDC
#C2DFE0
#C4DFDF
#C5DFDD
#C7DFDC
#C8DEDA
#CADED9
#CCDED7
#C2DFE0
#C4DFDE
#C7DFDC
#C9DFD9
#CCDED7
#CEDED5
#D1DED2
#C2E0DF
#C5E0DC
#C8DFD9
#CCDFD6
#CFDFD3
#D2DED1
#D6DECD
#C2E0DF
#C6E0DB
#CADFD8
#CEDFD4
#D2DFD0
#D6DECD
#DBDEC8
#C2E1DE
#C7E1DA
#CCE0D5
#D1E0D1
#D6DFCC
#DBDFC8
#E1DEC2
Colorpallet from #C2DEE1 to #DEC2E1 and to #DEE1C2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C6DAE1
#C6DBE0
#C6DBDF
#C6DCDF
#C6DDDE
#C6DDDD
#C6DEDC
#CBD5E1
#CBD7DF
#CBD8DE
#CBDADC
#CBDBDB
#CBDDD9
#CBDFD7
#CFD1E1
#CFD3DF
#CFD5DC
#CFD8DA
#CFDAD7
#CFDCD5
#CFDFD2
#D4CCE1
#D4CFDE
#D4D2DB
#D4D6D7
#D4D9D4
#D4DCD1
#D4E0CD
#D8C8E1
#D8CCDD
#D8D0D9
#D8D4D5
#D8D7D1
#D8DBCD
#D8E0C8
#DEC2E1
#DEC7DC
#DECCD7
#DED1D2
#DED6CD
#DEDBC8
#DEE1C2
Colorpallet from #C2DEE1 to #DEC2E1 and to #E1C2DE
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C6DAE1
#C6DAE1
#C6DAE1
#C6DAE1
#C7DAE1
#C7DAE1
#C7DAE1
#CBD5E1
#CBD5E1
#CBD5E1
#CBD5E1
#CCD5E0
#CCD5E0
#CCD5E0
#CFD1E1
#CFD1E1
#D0D1E1
#D0D1E1
#D0D1E0
#D1D1E0
#D1D1E0
#D4CCE1
#D4CCE1
#D5CCE0
#D5CCE0
#D5CCE0
#D6CCDF
#D6CCDF
#D8C8E1
#D8C8E1
#D9C8E0
#D9C8E0
#DAC8E0
#DAC8DF
#DBC8DF
#DEC2E1
#DEC2E1
#DFC2E0
#DFC2E0
#E0C2DF
#E0C2DF
#E1C2DE
Colorpallet from #C2DEE1 to #DEC2E1 and to #E1DEC2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C6DAE1
#C6DBE0
#C6DBDF
#C6DCDF
#C7DDDE
#C7DDDD
#C7DEDC
#CBD5E1
#CBD6DF
#CBD8DE
#CBD9DC
#CCDBDB
#CCDCD9
#CCDED7
#CFD1E1
#CFD3DF
#D0D5DC
#D0D7DA
#D0D9D7
#D1DBD5
#D1DED2
#D4CCE1
#D4CFDE
#D5D2DB
#D5D5D7
#D5D8D4
#D6DAD1
#D6DECD
#D8C8E1
#D8CCDD
#D9CFD9
#D9D3D5
#DAD6D1
#DADACD
#DBDEC8
#DEC2E1
#DEC6DC
#DFCBD7
#DFCFD2
#E0D4CD
#E0D8C8
#E1DEC2
Colorpallet from #C2DEE1 to #DEE1C2 and to #E1C2DE
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C6DEDC
#C6DDDD
#C6DDDE
#C6DCDE
#C7DBDF
#C7DBE0
#C7DAE1
#CBDFD7
#CBDDD8
#CBDCDA
#CBDADB
#CCD9DD
#CCD7DE
#CCD5E0
#CFDFD2
#CFDDD4
#D0DBD6
#D0D8D9
#D0D6DB
#D1D4DD
#D1D1E0
#D4E0CD
#D4DDD0
#D5DAD3
#D5D6D6
#D5D3D9
#D6D0DB
#D6CCDF
#D8E0C8
#D8DCCC
#D9D8CF
#D9D4D3
#DAD1D7
#DACDDA
#DBC8DF
#DEE1C2
#DEDCC6
#DFD7CB
#DFD2CF
#E0CDD4
#E0C8D8
#E1C2DE
Colorpallet from #C2DEE1 to #DEE1C2 and to #E1DEC2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C6DEDC
#C6DEDC
#C6DEDC
#C6DEDC
#C7DEDC
#C7DEDC
#C7DEDC
#CBDFD7
#CBDFD7
#CBDFD7
#CBDFD7
#CCDED7
#CCDED7
#CCDED7
#CFDFD2
#CFDFD2
#D0DFD2
#D0DFD2
#D0DED2
#D1DED2
#D1DED2
#D4E0CD
#D4E0CD
#D5DFCD
#D5DFCD
#D5DFCD
#D6DECD
#D6DECD
#D8E0C8
#D8E0C8
#D9DFC8
#D9DFC8
#DADFC8
#DADEC8
#DBDEC8
#DEE1C2
#DEE1C2
#DFE0C2
#DFE0C2
#E0DFC2
#E0DFC2
#E1DEC2
Colorpallet from #C2DEE1 to #E1C2DE and to #E1DEC2
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C2DEE1
#C7DAE1
#C7DBE0
#C7DBDF
#C7DCDF
#C7DDDE
#C7DDDD
#C7DEDC
#CCD5E0
#CCD6DF
#CCD8DD
#CCD9DC
#CCDBDA
#CCDCD9
#CCDED7
#D1D1E0
#D1D3DE
#D1D5DC
#D1D7D9
#D1D9D7
#D1DBD5
#D1DED2
#D6CCDF
#D6CFDC
#D6D2D9
#D6D5D6
#D6D8D3
#D6DAD1
#D6DECD
#DBC8DF
#DBCCDB
#DBCFD8
#DBD3D4
#DBD6D0
#DBDACD
#DBDEC8
#E1C2DE
#E1C6DA
#E1CBD5
#E1CFD1
#E1D4CC
#E1D8C8
#E1DEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
