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 #E2E4C2 to #E2C2E4 and to #E4E2C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E2E0C6
#E2E1C5
#E2E1C5
#E2E2C4
#E2E3C3
#E2E4C2
#E2D9CD
#E2DBCB
#E2DCC9
#E2DEC8
#E3DFC6
#E3E1C4
#E3E3C2
#E2D4D2
#E2D6CF
#E2D9CD
#E2DBCA
#E3DEC8
#E3E0C5
#E3E3C2
#E2CED8
#E2D1D4
#E2D5D1
#E2D8CD
#E3DBCA
#E3DFC6
#E3E3C2
#E2C9DD
#E2CDD9
#E3D1D4
#E3D5D0
#E3D9CC
#E4DDC7
#E4E2C2
#E2C2E4
#E2C7DF
#E3CCD9
#E3D1D4
#E3D6CE
#E4DCC9
#E4E2C2
Colorpallet from #E2E4C2 to #E2C2E4 and to #E4C2E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E2DFC7
#E2DFC7
#E2DFC7
#E2DFC7
#E2DFC7
#E2DFC7
#E2D9CD
#E2D9CD
#E2D9CD
#E2D9CD
#E3D9CC
#E3D9CC
#E3D9CC
#E2D4D2
#E2D4D2
#E2D4D2
#E2D4D2
#E3D4D1
#E3D4D1
#E3D4D1
#E2CED8
#E2CED8
#E2CED7
#E2CED7
#E3CED7
#E3CED6
#E3CED6
#E2C9DD
#E2C9DD
#E3C9DD
#E3C9DD
#E3C9DC
#E4C9DC
#E4C9DC
#E2C2E4
#E2C2E4
#E3C2E3
#E3C2E3
#E3C2E3
#E4C2E2
#E4C2E2
Colorpallet from #E2E4C2 to #E2C2E4 and to #C2E2E4
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E1E0C7
#E0E1C7
#E0E1C7
#DFE2C7
#DEE3C7
#DDE4C7
#E2D9CD
#E0DBCD
#DFDCCD
#DDDECD
#DCDFCD
#DAE1CD
#D8E3CD
#E2D4D2
#E0D6D2
#DDD9D2
#DBDBD2
#D8DED2
#D6E0D2
#D3E3D2
#E2CED8
#DFD1D8
#DCD5D8
#D8D8D8
#D5DBD8
#D2DFD8
#CEE3D8
#E2C9DD
#DECDDD
#DAD1DD
#D6D5DD
#D1D9DD
#CDDDDD
#C8E2DD
#E2C2E4
#DDC7E4
#D8CCE4
#D3D1E4
#CED6E4
#C8DCE4
#C2E2E4
Colorpallet from #E2E4C2 to #E2C2E4 and to #C2E4E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E1E0C7
#E0E1C7
#E0E1C7
#DFE2C7
#DEE3C7
#DDE4C7
#E2D9CD
#E0DBCD
#DFDDCD
#DDDECD
#DCE0CC
#DAE2CC
#D8E4CC
#E2D4D2
#E0D7D2
#DDD9D2
#DBDCD2
#D8DED1
#D6E1D1
#D3E4D1
#E2CED8
#DFD2D8
#DCD5D7
#D8D9D7
#D5DCD7
#D2E0D6
#CEE4D6
#E2C9DD
#DECDDD
#DAD2DD
#D6D6DD
#D1DADC
#CDDFDC
#C8E4DC
#E2C2E4
#DDC7E4
#D8CDE3
#D3D2E3
#CED8E3
#C8DDE2
#C2E4E2
Colorpallet from #E2E4C2 to #E4E2C2 and to #E4C2E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E3C3
#E2E2C4
#E2E2C4
#E2E1C5
#E2E0C6
#E2DFC7
#E3E3C2
#E3E1C4
#E3E0C5
#E3DEC7
#E3DDC8
#E3DBCA
#E3D9CC
#E3E3C2
#E3E1C4
#E3DEC7
#E3DCC9
#E3D9CC
#E3D7CE
#E3D4D1
#E3E3C2
#E3E0C5
#E3DCC8
#E3D9CC
#E3D6CF
#E3D2D2
#E3CED6
#E4E2C2
#E4DEC6
#E4DACA
#E4D6CE
#E4D2D3
#E4CED7
#E4C9DC
#E4E2C2
#E4DDC7
#E4D8CC
#E4D3D1
#E4CED6
#E4C8DC
#E4C2E2
Colorpallet from #E2E4C2 to #E4E2C2 and to #C2E2E4
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E1E4C3
#E0E4C4
#E0E4C4
#DFE4C5
#DEE4C6
#DDE4C7
#E3E3C2
#E1E3C4
#DFE3C6
#DEE3C7
#DCE3C9
#DAE3CB
#D8E3CD
#E3E3C2
#E0E3C5
#DEE3C7
#DBE3CA
#D9E3CC
#D6E3CF
#D3E3D2
#E3E3C2
#E0E3C6
#DCE3C9
#D9E3CD
#D6E3D0
#D2E3D4
#CEE3D8
#E4E2C2
#E0E2C6
#DBE2CB
#D7E2CF
#D2E2D3
#CEE2D8
#C8E2DD
#E4E2C2
#DFE2C7
#D9E2CD
#D4E2D2
#CEE2D8
#C9E2DD
#C2E2E4
Colorpallet from #E2E4C2 to #E4E2C2 and to #C2E4E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E1E4C3
#E0E4C4
#E0E4C4
#DFE4C5
#DEE4C6
#DDE4C7
#E3E3C2
#E1E3C4
#DFE3C5
#DEE3C7
#DCE4C8
#DAE4CA
#D8E4CC
#E3E3C2
#E0E3C4
#DEE3C7
#DBE3C9
#D9E4CC
#D6E4CE
#D3E4D1
#E3E3C2
#E0E3C5
#DCE3C8
#D9E3CC
#D6E4CF
#D2E4D2
#CEE4D6
#E4E2C2
#E0E2C6
#DBE3CA
#D7E3CE
#D2E3D3
#CEE4D7
#C8E4DC
#E4E2C2
#DFE2C7
#D9E3CC
#D4E3D1
#CEE3D6
#C9E4DC
#C2E4E2
Colorpallet from #E2E4C2 to #E4C2E2 and to #C2E2E4
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E1E0C7
#E0E1C7
#E0E1C7
#DFE2C7
#DEE3C7
#DDE4C7
#E3D9CC
#E1DBCC
#DFDCCC
#DEDECC
#DCDFCD
#DAE1CD
#D8E3CD
#E3D4D1
#E0D6D1
#DED9D1
#DBDBD1
#D9DED2
#D6E0D2
#D3E3D2
#E3CED6
#E0D1D6
#DCD5D7
#D9D8D7
#D6DBD7
#D2DFD8
#CEE3D8
#E4C9DC
#E0CDDC
#DBD1DC
#D7D5DC
#D2D9DD
#CEDDDD
#C8E2DD
#E4C2E2
#DFC7E2
#D9CCE3
#D4D1E3
#CED6E3
#C9DCE4
#C2E2E4
Colorpallet from #E2E4C2 to #E4C2E2 and to #C2E4E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2DFC7
#E1E0C7
#E0E1C7
#E0E1C7
#DFE2C7
#DEE3C7
#DDE4C7
#E3D9CC
#E1DBCC
#DFDDCC
#DEDECC
#DCE0CC
#DAE2CC
#D8E4CC
#E3D4D1
#E0D7D1
#DED9D1
#DBDCD1
#D9DED1
#D6E1D1
#D3E4D1
#E3CED6
#E0D2D6
#DCD5D6
#D9D9D6
#D6DCD6
#D2E0D6
#CEE4D6
#E4C9DC
#E0CDDC
#DBD2DC
#D7D6DC
#D2DADC
#CEDFDC
#C8E4DC
#E4C2E2
#DFC7E2
#D9CDE2
#D4D2E2
#CED8E2
#C9DDE2
#C2E4E2
Colorpallet from #E2E4C2 to #C2E2E4 and to #C2E4E2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#E2E4C2
#DDE4C7
#DDE4C7
#DDE4C7
#DDE4C7
#DDE4C7
#DDE4C7
#DDE4C7
#D8E3CD
#D8E3CD
#D8E3CD
#D8E3CD
#D8E4CC
#D8E4CC
#D8E4CC
#D3E3D2
#D3E3D2
#D3E3D2
#D3E3D2
#D3E4D1
#D3E4D1
#D3E4D1
#CEE3D8
#CEE3D8
#CEE3D7
#CEE3D7
#CEE4D7
#CEE4D6
#CEE4D6
#C8E2DD
#C8E2DD
#C8E3DD
#C8E3DD
#C8E3DC
#C8E4DC
#C8E4DC
#C2E2E4
#C2E2E4
#C2E3E3
#C2E3E3
#C2E3E3
#C2E4E2
#C2E4E2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts