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 #C1E3D4 to #C1D4E3 and to #E3C1D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E1D6
#C2E1D6
#C3E0D5
#C3E0D5
#C4DFD5
#C5DFD4
#C6DED4
#C1DED9
#C3DDD8
#C5DCD7
#C6DBD7
#C8DAD6
#CAD9D5
#CCD8D4
#C1DCDB
#C4DBDA
#C6D9D9
#C9D8D8
#CBD6D7
#CED5D5
#D1D3D4
#C1D9DE
#C5D7DC
#C8D5DB
#CCD3D9
#CFD1D8
#D3CFD6
#D7CDD4
#C1D7E0
#C5D5DE
#CAD2DC
#CED0DA
#D2CDD8
#D7CBD6
#DCC8D4
#C1D4E3
#C6D1E1
#CCCEDE
#D1CBDC
#D7C8D9
#DCC5D7
#E3C1D4
Colorpallet from #C1E3D4 to #C1D4E3 and to #E3D4C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E1D6
#C2E1D5
#C3E1D4
#C3E1D4
#C4E1D3
#C5E1D2
#C6E1D1
#C1DED9
#C3DED7
#C5DED5
#C6DED4
#C8DED2
#CADED0
#CCDECE
#C1DCDB
#C4DCD8
#C6DCD6
#C9DCD3
#CBDCD1
#CEDCCE
#D1DCCB
#C1D9DE
#C5D9DA
#C8D9D7
#CCD9D3
#CFD9D0
#D3D9CC
#D7D9C8
#C1D7E0
#C5D7DC
#CAD7D7
#CED7D3
#D2D7CF
#D7D7CA
#DCD7C5
#C1D4E3
#C6D4DE
#CCD4D8
#D1D4D3
#D7D4CD
#DCD4C8
#E3D4C1
Colorpallet from #C1E3D4 to #C1D4E3 and to #D4C1E3
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E1D6
#C1E1D6
#C2E0D6
#C2E0D6
#C3DFD6
#C3DFD6
#C4DED6
#C1DED9
#C2DDD9
#C3DCD9
#C4DBD9
#C5DAD9
#C6D9D9
#C7D8D9
#C1DCDB
#C2DBDB
#C4D9DB
#C5D8DB
#C7D6DB
#C8D5DB
#CAD3DB
#C1D9DE
#C3D7DE
#C5D5DE
#C7D3DE
#C9D1DE
#CBCFDE
#CDCDDE
#C1D7E0
#C3D5E0
#C6D2E0
#C8D0E0
#CBCDE0
#CDCBE0
#D0C8E0
#C1D4E3
#C4D1E3
#C7CEE3
#CACBE3
#CDC8E3
#D0C5E3
#D4C1E3
Colorpallet from #C1E3D4 to #C1D4E3 and to #D4E3C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E1D6
#C1E1D5
#C2E2D4
#C2E2D4
#C3E2D3
#C3E3D2
#C4E3D1
#C1DED9
#C2DFD7
#C3E0D5
#C4E0D4
#C5E1D2
#C6E2D0
#C7E3CE
#C1DCDB
#C2DDD8
#C4DED6
#C5DFD3
#C7E0D1
#C8E2CE
#CAE3CB
#C1D9DE
#C3DBDA
#C5DCD7
#C7DED3
#C9DFD0
#CBE1CC
#CDE3C8
#C1D7E0
#C3D9DC
#C6DBD7
#C8DDD3
#CBDFCF
#CDE1CA
#D0E3C5
#C1D4E3
#C4D6DE
#C7D9D8
#CADBD3
#CDDECD
#D0E0C8
#D4E3C1
Colorpallet from #C1E3D4 to #E3C1D4 and to #E3D4C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C6DED4
#C6DED4
#C6DFD3
#C6DFD3
#C6E0D2
#C6E0D2
#C6E1D1
#CCD8D4
#CCD9D3
#CCDAD2
#CCDBD1
#CCDCD0
#CCDDCF
#CCDECE
#D1D3D4
#D1D4D3
#D1D6D1
#D1D7D0
#D1D9CE
#D1DACD
#D1DCCB
#D7CDD4
#D7CFD2
#D7D1D0
#D7D3CE
#D7D5CC
#D7D7CA
#D7D9C8
#DCC8D4
#DCCAD2
#DCCDCF
#DCCFCD
#DCD2CA
#DCD4C8
#DCD7C5
#E3C1D4
#E3C4D1
#E3C7CE
#E3CACB
#E3CDC8
#E3D0C5
#E3D4C1
Colorpallet from #C1E3D4 to #E3C1D4 and to #D4C1E3
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C6DED4
#C6DED4
#C5DED5
#C5DED5
#C5DED5
#C4DED6
#C4DED6
#CCD8D4
#CBD8D5
#CAD8D6
#CAD8D6
#C9D8D7
#C8D8D8
#C7D8D9
#D1D3D4
#D0D3D5
#CFD3D6
#CED3D7
#CDD3D8
#CBD3DA
#CAD3DB
#D7CDD4
#D5CDD6
#D4CDD7
#D2CDD9
#D1CDDA
#CFCDDC
#CDCDDE
#DCC8D4
#DAC8D6
#D8C8D8
#D6C8DA
#D4C8DC
#D2C8DE
#D0C8E0
#E3C1D4
#E1C1D6
#DEC1D9
#DCC1DB
#D9C1DE
#D7C1E0
#D4C1E3
Colorpallet from #C1E3D4 to #E3C1D4 and to #D4E3C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C6DED4
#C6DFD4
#C5E0D3
#C5E0D3
#C5E1D2
#C4E2D2
#C4E3D1
#CCD8D4
#CBDAD3
#CADCD2
#CADDD1
#C9DFD0
#C8E1CF
#C7E3CE
#D1D3D4
#D0D6D3
#CFD8D1
#CEDBD0
#CDDDCE
#CBE0CD
#CAE3CB
#D7CDD4
#D5D1D2
#D4D4D0
#D2D8CE
#D1DBCC
#CFDFCA
#CDE3C8
#DCC8D4
#DACCD2
#D8D1CF
#D6D5CD
#D4D9CA
#D2DEC8
#D0E3C5
#E3C1D4
#E1C6D1
#DECCCE
#DCD1CB
#D9D7C8
#D7DCC5
#D4E3C1
Colorpallet from #C1E3D4 to #E3D4C1 and to #D4C1E3
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C6E1D1
#C6E1D2
#C5E0D3
#C5E0D3
#C5DFD4
#C4DFD5
#C4DED6
#CCDECE
#CBDDD0
#CADCD2
#CADBD3
#C9DAD5
#C8D9D7
#C7D8D9
#D1DCCB
#D0DBCE
#CFD9D0
#CED8D3
#CDD6D5
#CBD5D8
#CAD3DB
#D7D9C8
#D5D7CC
#D4D5CF
#D2D3D3
#D1D1D6
#CFCFDA
#CDCDDE
#DCD7C5
#DAD5C9
#D8D2CE
#D6D0D2
#D4CDD6
#D2CBDB
#D0C8E0
#E3D4C1
#E1D1C6
#DECECC
#DCCBD1
#D9C8D7
#D7C5DC
#D4C1E3
Colorpallet from #C1E3D4 to #E3D4C1 and to #D4E3C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C6E1D1
#C6E1D1
#C5E2D1
#C5E2D1
#C5E2D1
#C4E3D1
#C4E3D1
#CCDECE
#CBDFCE
#CAE0CE
#CAE0CE
#C9E1CE
#C8E2CE
#C7E3CE
#D1DCCB
#D0DDCB
#CFDECB
#CEDFCB
#CDE0CB
#CBE2CB
#CAE3CB
#D7D9C8
#D5DBC8
#D4DCC8
#D2DEC8
#D1DFC8
#CFE1C8
#CDE3C8
#DCD7C5
#DAD9C5
#D8DBC5
#D6DDC5
#D4DFC5
#D2E1C5
#D0E3C5
#E3D4C1
#E1D6C1
#DED9C1
#DCDBC1
#D9DEC1
#D7E0C1
#D4E3C1
Colorpallet from #C1E3D4 to #D4C1E3 and to #D4E3C1
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C1E3D4
#C4DED6
#C4DFD5
#C4E0D4
#C4E0D4
#C4E1D3
#C4E2D2
#C4E3D1
#C7D8D9
#C7DAD7
#C7DCD5
#C7DDD4
#C7DFD2
#C7E1D0
#C7E3CE
#CAD3DB
#CAD6D8
#CAD8D6
#CADBD3
#CADDD1
#CAE0CE
#CAE3CB
#CDCDDE
#CDD1DA
#CDD4D7
#CDD8D3
#CDDBD0
#CDDFCC
#CDE3C8
#D0C8E0
#D0CCDC
#D0D1D7
#D0D5D3
#D0D9CF
#D0DECA
#D0E3C5
#D4C1E3
#D4C6DE
#D4CCD8
#D4D1D3
#D4D7CD
#D4DCC8
#D4E3C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
