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 #C2E3D2 to #C2D2E3 and to #E3C2D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E0D5
#C3E0D5
#C4DFD4
#C4DFD4
#C5DFD3
#C6DED3
#C7DED2
#C2DED7
#C4DDD6
#C6DCD5
#C7DBD5
#C9DAD4
#CBD9D3
#CDD8D2
#C2DBDA
#C5DAD9
#C7D8D7
#CAD7D6
#CCD6D5
#CFD5D4
#D2D3D2
#C2D8DD
#C5D6DB
#C9D5D9
#CCD3D8
#CFD2D6
#D3D0D4
#D7CED2
#C2D5E0
#C6D3DE
#CAD1DC
#CECFD9
#D3CDD7
#D7CBD5
#DCC9D2
#C2D2E3
#C7CFE0
#CDCDDE
#D2CADB
#D7C8D8
#DCC5D5
#E3C2D2
Colorpallet from #C2E3D2 to #C2D2E3 and to #E3D2C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E0D5
#C3E0D4
#C4E0D3
#C4E0D2
#C5E0D1
#C6E0D0
#C7E0CF
#C2DED7
#C4DED5
#C6DED4
#C7DED2
#C9DED1
#CBDECF
#CDDECD
#C2DBDA
#C5DBD7
#C7DBD5
#CADBD2
#CCDBD0
#CFDBCD
#D2DBCA
#C2D8DD
#C5D8DA
#C9D8D6
#CCD8D3
#CFD8D0
#D3D8CC
#D7D8C8
#C2D5E0
#C6D5DC
#CAD5D7
#CED5D3
#D3D5CF
#D7D5CA
#DCD5C5
#C2D2E3
#C7D2DE
#CDD2D8
#D2D2D3
#D7D2CE
#DCD2C9
#E3D2C2
Colorpallet from #C2E3D2 to #C2D2E3 and to #D2C2E3
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E0D5
#C2E0D5
#C3DFD5
#C3DFD5
#C4DFD5
#C4DED5
#C5DED5
#C2DED7
#C3DDD7
#C4DCD7
#C4DBD7
#C5DAD7
#C6D9D7
#C7D8D7
#C2DBDA
#C3DADA
#C5D8DA
#C6D7DA
#C7D6DA
#C8D5DA
#CAD3DA
#C2D8DD
#C4D6DD
#C5D5DD
#C7D3DD
#C8D2DD
#CAD0DD
#CCCEDD
#C2D5E0
#C4D3E0
#C6D1E0
#C8CFE0
#CACDE0
#CCCBE0
#CFC9E0
#C2D2E3
#C5CFE3
#C7CDE3
#CACAE3
#CCC8E3
#CFC5E3
#D2C2E3
Colorpallet from #C2E3D2 to #C2D2E3 and to #D2E3C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E0D5
#C2E0D4
#C3E1D3
#C3E1D2
#C4E2D1
#C4E2D0
#C5E3CF
#C2DED7
#C3DFD5
#C4E0D4
#C4E0D2
#C5E1D1
#C6E2CF
#C7E3CD
#C2DBDA
#C3DCD7
#C5DED5
#C6DFD2
#C7E0D0
#C8E1CD
#CAE3CA
#C2D8DD
#C4DADA
#C5DCD6
#C7DDD3
#C8DFD0
#CAE1CC
#CCE3C8
#C2D5E0
#C4D7DC
#C6D9D7
#C8DCD3
#CADECF
#CCE0CA
#CFE3C5
#C2D2E3
#C5D5DE
#C7D7D8
#CADAD3
#CCDDCE
#CFE0C9
#D2E3C2
Colorpallet from #C2E3D2 to #E3C2D2 and to #E3D2C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C7DED2
#C7DED2
#C7DFD1
#C7DFD1
#C7DFD0
#C7E0D0
#C7E0CF
#CDD8D2
#CDD9D1
#CDDAD0
#CDDBD0
#CDDCCF
#CDDDCE
#CDDECD
#D2D3D2
#D2D4D1
#D2D6CF
#D2D7CE
#D2D8CD
#D2D9CC
#D2DBCA
#D7CED2
#D7D0D0
#D7D1CF
#D7D3CD
#D7D4CC
#D7D6CA
#D7D8C8
#DCC9D2
#DCCBD0
#DCCDCE
#DCCFCC
#DCD1CA
#DCD3C8
#DCD5C5
#E3C2D2
#E3C5CF
#E3C7CD
#E3CACA
#E3CCC8
#E3CFC5
#E3D2C2
Colorpallet from #C2E3D2 to #E3C2D2 and to #D2C2E3
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C7DED2
#C7DED2
#C6DED3
#C6DED3
#C6DED4
#C5DED4
#C5DED5
#CDD8D2
#CCD8D3
#CBD8D4
#CAD8D4
#C9D8D5
#C8D8D6
#C7D8D7
#D2D3D2
#D1D3D3
#CFD3D5
#CED3D6
#CDD3D7
#CCD3D8
#CAD3DA
#D7CED2
#D5CED4
#D3CED6
#D2CED7
#D0CED9
#CECEDB
#CCCEDD
#DCC9D2
#DAC9D4
#D8C9D6
#D6C9D9
#D4C9DB
#D2C9DD
#CFC9E0
#E3C2D2
#E0C2D5
#DEC2D7
#DBC2DA
#D8C2DD
#D5C2E0
#D2C2E3
Colorpallet from #C2E3D2 to #E3C2D2 and to #D2E3C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C7DED2
#C7DFD2
#C6E0D1
#C6E0D1
#C6E1D0
#C5E2D0
#C5E3CF
#CDD8D2
#CCDAD1
#CBDCD0
#CADDD0
#C9DFCF
#C8E1CE
#C7E3CD
#D2D3D2
#D1D6D1
#CFD8CF
#CEDBCE
#CDDDCD
#CCE0CC
#CAE3CA
#D7CED2
#D5D1D0
#D3D5CF
#D2D8CD
#D0DBCC
#CEDFCA
#CCE3C8
#DCC9D2
#DACDD0
#D8D1CE
#D6D5CC
#D4DACA
#D2DEC8
#CFE3C5
#E3C2D2
#E0C7CF
#DECDCD
#DBD2CA
#D8D7C8
#D5DCC5
#D2E3C2
Colorpallet from #C2E3D2 to #E3D2C2 and to #D2C2E3
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C7E0CF
#C7E0D0
#C6DFD1
#C6DFD2
#C6DFD3
#C5DED4
#C5DED5
#CDDECD
#CCDDCF
#CBDCD0
#CADBD2
#C9DAD3
#C8D9D5
#C7D8D7
#D2DBCA
#D1DACD
#CFD8CF
#CED7D2
#CDD6D4
#CCD5D7
#CAD3DA
#D7D8C8
#D5D6CB
#D3D5CF
#D2D3D2
#D0D2D5
#CED0D9
#CCCEDD
#DCD5C5
#DAD3C9
#D8D1CE
#D6CFD2
#D4CDD6
#D2CBDB
#CFC9E0
#E3D2C2
#E0CFC7
#DECDCD
#DBCAD2
#D8C8D7
#D5C5DC
#D2C2E3
Colorpallet from #C2E3D2 to #E3D2C2 and to #D2E3C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C7E0CF
#C7E0CF
#C6E1CF
#C6E1CF
#C6E2CF
#C5E2CF
#C5E3CF
#CDDECD
#CCDFCD
#CBE0CD
#CAE0CD
#C9E1CD
#C8E2CD
#C7E3CD
#D2DBCA
#D1DCCA
#CFDECA
#CEDFCA
#CDE0CA
#CCE1CA
#CAE3CA
#D7D8C8
#D5DAC8
#D3DCC8
#D2DDC8
#D0DFC8
#CEE1C8
#CCE3C8
#DCD5C5
#DAD7C5
#D8D9C5
#D6DCC5
#D4DEC5
#D2E0C5
#CFE3C5
#E3D2C2
#E0D5C2
#DED7C2
#DBDAC2
#D8DDC2
#D5E0C2
#D2E3C2
Colorpallet from #C2E3D2 to #D2C2E3 and to #D2E3C2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C2E3D2
#C5DED5
#C5DFD4
#C5E0D3
#C5E0D2
#C5E1D1
#C5E2D0
#C5E3CF
#C7D8D7
#C7DAD5
#C7DCD4
#C7DDD2
#C7DFD1
#C7E1CF
#C7E3CD
#CAD3DA
#CAD6D7
#CAD8D5
#CADBD2
#CADDD0
#CAE0CD
#CAE3CA
#CCCEDD
#CCD1DA
#CCD5D6
#CCD8D3
#CCDBD0
#CCDFCC
#CCE3C8
#CFC9E0
#CFCDDC
#CFD1D7
#CFD5D3
#CFDACF
#CFDECA
#CFE3C5
#D2C2E3
#D2C7DE
#D2CDD8
#D2D2D3
#D2D7CE
#D2DCC9
#D2E3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts