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 #C2E3E0 to #C2E0E3 and to #E3C2E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C3E2E0
#C4E1E0
#C4E1E0
#C5E0E0
#C6DFE0
#C7DEE0
#C2E2E1
#C4E0E1
#C6DFE1
#C7DDE1
#C9DCE0
#CBDAE0
#CDD8E0
#C2E2E1
#C5E0E1
#C7DDE1
#CADBE1
#CCD8E0
#CFD6E0
#D2D3E0
#C2E1E2
#C5DEE2
#C9DBE1
#CCD8E1
#CFD5E1
#D3D2E0
#D7CEE0
#C2E1E2
#C6DDE2
#CAD9E1
#CED5E1
#D3D2E1
#D7CEE0
#DCC9E0
#C2E0E3
#C7DBE3
#CDD6E2
#D2D2E2
#D7CDE1
#DCC8E1
#E3C2E0
Colorpallet from #C2E3E0 to #C2E0E3 and to #E3E0C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C3E3DF
#C4E3DE
#C4E3DE
#C5E3DD
#C6E3DC
#C7E3DB
#C2E2E1
#C4E2DF
#C6E2DD
#C7E2DC
#C9E2DA
#CBE2D8
#CDE2D6
#C2E2E1
#C5E2DF
#C7E2DC
#CAE2DA
#CCE2D7
#CFE2D5
#D2E2D2
#C2E1E2
#C5E1DF
#C9E1DB
#CCE1D8
#CFE1D5
#D3E1D1
#D7E1CD
#C2E1E2
#C6E1DE
#CAE1DA
#CEE1D6
#D3E1D1
#D7E1CD
#DCE1C8
#C2E0E3
#C7E0DE
#CDE0D8
#D2E0D3
#D7E0CE
#DCE0C9
#E3E0C2
Colorpallet from #C2E3E0 to #C2E0E3 and to #E0C2E3
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C3E2E0
#C4E1E0
#C4E1E0
#C5E0E0
#C6DFE0
#C7DEE0
#C2E2E1
#C4E0E1
#C5DFE1
#C7DDE1
#C8DCE1
#CADAE1
#CCD8E1
#C2E2E1
#C4E0E1
#C6DDE1
#C9DBE1
#CBD8E1
#CDD6E1
#D0D3E1
#C2E1E2
#C5DEE2
#C8DBE2
#CBD8E2
#CED5E2
#D1D2E2
#D5CEE2
#C2E1E2
#C6DDE2
#CAD9E2
#CED5E2
#D1D2E2
#D5CEE2
#DAC9E2
#C2E0E3
#C7DBE3
#CCD6E3
#D0D2E3
#D5CDE3
#DAC8E3
#E0C2E3
Colorpallet from #C2E3E0 to #C2E0E3 and to #E0E3C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C3E3DF
#C4E3DE
#C4E3DE
#C5E3DD
#C6E3DC
#C7E3DB
#C2E2E1
#C4E2DF
#C5E2DD
#C7E2DC
#C8E3DA
#CAE3D8
#CCE3D6
#C2E2E1
#C4E2DF
#C6E2DC
#C9E2DA
#CBE3D7
#CDE3D5
#D0E3D2
#C2E1E2
#C5E1DF
#C8E2DB
#CBE2D8
#CEE2D5
#D1E3D1
#D5E3CD
#C2E1E2
#C6E1DE
#CAE2DA
#CEE2D6
#D1E2D1
#D5E3CD
#DAE3C8
#C2E0E3
#C7E0DE
#CCE1D8
#D0E1D3
#D5E2CE
#DAE2C9
#E0E3C2
Colorpallet from #C2E3E0 to #E3C2E0 and to #E3E0C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E0DE
#C7E1DD
#C7E2DC
#C7E3DB
#CDD8E0
#CDDADE
#CDDBDD
#CDDDDB
#CDDEDA
#CDE0D8
#CDE2D6
#D2D3E0
#D2D5DE
#D2D8DC
#D2DAD9
#D2DDD7
#D2DFD5
#D2E2D2
#D7CEE0
#D7D1DD
#D7D4DA
#D7D7D7
#D7DAD4
#D7DDD1
#D7E1CD
#DCC9E0
#DCCDDC
#DCD1D8
#DCD5D4
#DCD8D1
#DCDCCD
#DCE1C8
#E3C2E0
#E3C7DB
#E3CCD6
#E3D0D2
#E3D5CD
#E3DAC8
#E3E0C2
Colorpallet from #C2E3E0 to #E3C2E0 and to #E0C2E3
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7DEE0
#C7DEE0
#C7DEE0
#C7DEE0
#C7DEE0
#C7DEE0
#C7DEE0
#CDD8E0
#CDD8E0
#CDD8E0
#CDD8E0
#CCD8E1
#CCD8E1
#CCD8E1
#D2D3E0
#D2D3E0
#D1D3E0
#D1D3E0
#D1D3E1
#D0D3E1
#D0D3E1
#D7CEE0
#D7CEE0
#D6CEE1
#D6CEE1
#D6CEE1
#D5CEE2
#D5CEE2
#DCC9E0
#DCC9E0
#DBC9E1
#DBC9E1
#DBC9E1
#DAC9E2
#DAC9E2
#E3C2E0
#E3C2E0
#E2C2E1
#E2C2E1
#E1C2E2
#E1C2E2
#E0C2E3
Colorpallet from #C2E3E0 to #E3C2E0 and to #E0E3C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E0DE
#C7E1DD
#C7E2DC
#C7E3DB
#CDD8E0
#CDDADE
#CDDCDD
#CDDDDB
#CCDFDA
#CCE1D8
#CCE3D6
#D2D3E0
#D2D6DE
#D1D8DC
#D1DBD9
#D1DDD7
#D0E0D5
#D0E3D2
#D7CEE0
#D7D1DD
#D6D5DA
#D6D8D7
#D6DBD4
#D5DFD1
#D5E3CD
#DCC9E0
#DCCDDC
#DBD1D8
#DBD5D4
#DBDAD1
#DADECD
#DAE3C8
#E3C2E0
#E3C7DB
#E2CDD6
#E2D2D2
#E1D7CD
#E1DCC8
#E0E3C2
Colorpallet from #C2E3E0 to #E3E0C2 and to #E0C2E3
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7E3DB
#C7E2DC
#C7E1DD
#C7E1DD
#C7E0DE
#C7DFDF
#C7DEE0
#CDE2D6
#CDE0D8
#CDDFDA
#CDDDDB
#CCDCDD
#CCDADF
#CCD8E1
#D2E2D2
#D2E0D4
#D1DDD7
#D1DBD9
#D1D8DC
#D0D6DE
#D0D3E1
#D7E1CD
#D7DED0
#D6DBD4
#D6D8D7
#D6D5DA
#D5D2DE
#D5CEE2
#DCE1C8
#DCDDCC
#DBD9D0
#DBD5D4
#DBD2D9
#DACEDD
#DAC9E2
#E3E0C2
#E3DBC7
#E2D6CD
#E2D2D2
#E1CDD7
#E1C8DC
#E0C2E3
Colorpallet from #C2E3E0 to #E3E0C2 and to #E0E3C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7E3DB
#C7E3DB
#C7E3DB
#C7E3DB
#C7E3DB
#C7E3DB
#C7E3DB
#CDE2D6
#CDE2D6
#CDE2D6
#CDE2D6
#CCE3D6
#CCE3D6
#CCE3D6
#D2E2D2
#D2E2D2
#D1E2D2
#D1E2D2
#D1E3D2
#D0E3D2
#D0E3D2
#D7E1CD
#D7E1CD
#D6E2CD
#D6E2CD
#D6E2CD
#D5E3CD
#D5E3CD
#DCE1C8
#DCE1C8
#DBE2C8
#DBE2C8
#DBE2C8
#DAE3C8
#DAE3C8
#E3E0C2
#E3E0C2
#E2E1C2
#E2E1C2
#E1E2C2
#E1E2C2
#E0E3C2
Colorpallet from #C2E3E0 to #E0C2E3 and to #E0E3C2
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C2E3E0
#C7DEE0
#C7DFDF
#C7E0DE
#C7E0DE
#C7E1DD
#C7E2DC
#C7E3DB
#CCD8E1
#CCDADF
#CCDCDD
#CCDDDC
#CCDFDA
#CCE1D8
#CCE3D6
#D0D3E1
#D0D6DF
#D0D8DC
#D0DBDA
#D0DDD7
#D0E0D5
#D0E3D2
#D5CEE2
#D5D1DF
#D5D5DB
#D5D8D8
#D5DBD5
#D5DFD1
#D5E3CD
#DAC9E2
#DACDDE
#DAD1DA
#DAD5D6
#DADAD1
#DADECD
#DAE3C8
#E0C2E3
#E0C7DE
#E0CDD8
#E0D2D3
#E0D7CE
#E0DCC9
#E0E3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts