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 #C1E8DD to #C1DDE8 and to #E8C1DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E6DF
#C2E5DF
#C3E5DE
#C4E4DE
#C5E3DE
#C6E3DD
#C7E2DD
#C1E4E1
#C3E3E0
#C5E1E0
#C7E0DF
#C9DFDE
#CBDEDE
#CDDCDD
#C1E3E2
#C4E1E1
#C7DFE0
#CADCE0
#CDDADF
#D0D8DE
#D4D5DD
#C1E1E4
#C5DEE3
#C9DBE2
#CDD8E1
#D1D5E0
#D5D3DE
#DACFDD
#C1DFE6
#C6DBE5
#CBD8E3
#D0D4E2
#D5D1E0
#DACDDF
#E0C9DD
#C1DDE8
#C7D9E6
#CDD4E4
#D4D0E3
#DACBE1
#E0C7DF
#E8C1DD
Colorpallet from #C1E8DD to #C1DDE8 and to #E8DDC1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E6DF
#C2E6DE
#C3E6DD
#C4E6DC
#C5E6DB
#C6E6DA
#C7E6D9
#C1E4E1
#C3E4DF
#C5E4DD
#C7E4DB
#C9E4D9
#CBE4D7
#CDE4D4
#C1E3E2
#C4E3DF
#C7E3DC
#CAE3D9
#CDE3D6
#D0E3D4
#D4E3D0
#C1E1E4
#C5E1E0
#C9E1DC
#CDE1D8
#D1E1D4
#D5E1D0
#DAE1CB
#C1DFE6
#C6DFE1
#CBDFDC
#D0DFD7
#D5DFD2
#DADFCD
#E0DFC7
#C1DDE8
#C7DDE2
#CDDDDC
#D4DDD5
#DADDCF
#E0DDC9
#E8DDC1
Colorpallet from #C1E8DD to #C1DDE8 and to #DDC1E8
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E6DF
#C2E5DF
#C2E5DF
#C3E4DF
#C4E3DF
#C4E3DF
#C5E2DF
#C1E4E1
#C2E3E1
#C4E1E1
#C5E0E1
#C7DFE1
#C8DEE1
#CADCE1
#C1E3E2
#C3E1E2
#C5DFE2
#C7DCE2
#C9DAE2
#CBD8E2
#CED5E2
#C1E1E4
#C4DEE4
#C7DBE4
#CAD8E4
#CDD5E4
#CFD3E4
#D3CFE4
#C1DFE6
#C5DBE6
#C8D8E6
#CCD4E6
#CFD1E6
#D3CDE6
#D7C9E6
#C1DDE8
#C5D9E8
#CAD4E8
#CED0E8
#D3CBE8
#D7C7E8
#DDC1E8
Colorpallet from #C1E8DD to #C1DDE8 and to #DDE8C1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E6DF
#C2E6DE
#C2E7DD
#C3E7DC
#C4E7DB
#C4E8DA
#C5E8D9
#C1E4E1
#C2E5DF
#C4E5DD
#C5E6DB
#C7E7D9
#C8E7D7
#CAE8D4
#C1E3E2
#C3E4DF
#C5E5DC
#C7E5D9
#C9E6D6
#CBE7D4
#CEE8D0
#C1E1E4
#C4E2E0
#C7E3DC
#CAE4D8
#CDE5D4
#CFE7D0
#D3E8CB
#C1DFE6
#C5E0E1
#C8E2DC
#CCE3D7
#CFE5D2
#D3E6CD
#D7E8C7
#C1DDE8
#C5DFE2
#CAE1DC
#CEE2D5
#D3E4CF
#D7E6C9
#DDE8C1
Colorpallet from #C1E8DD to #E8C1DD and to #E8DDC1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C7E2DD
#C7E3DC
#C7E3DC
#C7E4DB
#C7E5DA
#C7E5DA
#C7E6D9
#CDDCDD
#CDDDDC
#CDDFDA
#CDE0D9
#CDE1D7
#CDE2D6
#CDE4D4
#D4D5DD
#D4D7DB
#D4D9D9
#D4DCD7
#D4DED5
#D4E0D3
#D4E3D0
#DACFDD
#DAD2DA
#DAD5D7
#DAD8D4
#DADBD1
#DADDCF
#DAE1CB
#E0C9DD
#E0CDD9
#E0D0D6
#E0D4D2
#E0D7CF
#E0DBCB
#E0DFC7
#E8C1DD
#E8C5D9
#E8CAD4
#E8CED0
#E8D3CB
#E8D7C7
#E8DDC1
Colorpallet from #C1E8DD to #E8C1DD and to #DDC1E8
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C7E2DD
#C7E2DD
#C6E2DE
#C6E2DE
#C6E2DE
#C5E2DF
#C5E2DF
#CDDCDD
#CDDCDE
#CCDCDE
#CCDCDF
#CBDCE0
#CBDCE0
#CADCE1
#D4D5DD
#D3D5DE
#D2D5DF
#D1D5DF
#D0D5E0
#CFD5E1
#CED5E2
#DACFDD
#D9CFDE
#D8CFDF
#D7CFE0
#D6CFE1
#D4CFE3
#D3CFE4
#E0C9DD
#DFC9DE
#DDC9E0
#DCC9E1
#DAC9E3
#D9C9E4
#D7C9E6
#E8C1DD
#E6C1DF
#E4C1E1
#E3C1E2
#E1C1E4
#DFC1E6
#DDC1E8
Colorpallet from #C1E8DD to #E8C1DD and to #DDE8C1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C7E2DD
#C7E3DC
#C6E4DC
#C6E5DB
#C6E6DA
#C5E7DA
#C5E8D9
#CDDCDD
#CDDEDC
#CCE0DA
#CCE2D9
#CBE4D7
#CBE6D6
#CAE8D4
#D4D5DD
#D3D8DB
#D2DBD9
#D1DED7
#D0E1D5
#CFE4D3
#CEE8D0
#DACFDD
#D9D3DA
#D8D7D7
#D7DBD4
#D6DFD1
#D4E3CF
#D3E8CB
#E0C9DD
#DFCED9
#DDD3D6
#DCD8D2
#DADDCF
#D9E2CB
#D7E8C7
#E8C1DD
#E6C7D9
#E4CDD4
#E3D4D0
#E1DACB
#DFE0C7
#DDE8C1
Colorpallet from #C1E8DD to #E8DDC1 and to #DDC1E8
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C7E6D9
#C7E5DA
#C6E5DB
#C6E4DC
#C6E3DD
#C5E3DE
#C5E2DF
#CDE4D4
#CDE3D6
#CCE1D8
#CCE0DA
#CBDFDC
#CBDEDE
#CADCE1
#D4E3D0
#D3E1D3
#D2DFD6
#D1DCD9
#D0DADC
#CFD8DE
#CED5E2
#DAE1CB
#D9DECF
#D8DBD3
#D7D8D7
#D6D5DB
#D4D3DF
#D3CFE4
#E0DFC7
#DFDBCC
#DDD8D1
#DCD4D6
#DAD1DB
#D9CDE0
#D7C9E6
#E8DDC1
#E6D9C7
#E4D4CD
#E3D0D4
#E1CBDA
#DFC7E0
#DDC1E8
Colorpallet from #C1E8DD to #E8DDC1 and to #DDE8C1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C7E6D9
#C7E6D9
#C6E7D9
#C6E7D9
#C6E7D9
#C5E8D9
#C5E8D9
#CDE4D4
#CDE5D4
#CCE5D4
#CCE6D4
#CBE7D4
#CBE7D4
#CAE8D4
#D4E3D0
#D3E4D0
#D2E5D0
#D1E5D0
#D0E6D0
#CFE7D0
#CEE8D0
#DAE1CB
#D9E2CB
#D8E3CB
#D7E4CB
#D6E5CB
#D4E7CB
#D3E8CB
#E0DFC7
#DFE0C7
#DDE2C7
#DCE3C7
#DAE5C7
#D9E6C7
#D7E8C7
#E8DDC1
#E6DFC1
#E4E1C1
#E3E2C1
#E1E4C1
#DFE6C1
#DDE8C1
Colorpallet from #C1E8DD to #DDC1E8 and to #DDE8C1
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C1E8DD
#C5E2DF
#C5E3DE
#C5E4DD
#C5E5DC
#C5E6DB
#C5E7DA
#C5E8D9
#CADCE1
#CADEDF
#CAE0DD
#CAE2DB
#CAE4D9
#CAE6D7
#CAE8D4
#CED5E2
#CED8DF
#CEDBDC
#CEDED9
#CEE1D6
#CEE4D4
#CEE8D0
#D3CFE4
#D3D3E0
#D3D7DC
#D3DBD8
#D3DFD4
#D3E3D0
#D3E8CB
#D7C9E6
#D7CEE1
#D7D3DC
#D7D8D7
#D7DDD2
#D7E2CD
#D7E8C7
#DDC1E8
#DDC7E2
#DDCDDC
#DDD4D5
#DDDACF
#DDE0C9
#DDE8C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
