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 #E0E4C4 to #E0C4E4 and to #E4E0C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0DFC9
#E0E0C8
#E0E0C7
#E0E1C7
#E1E2C6
#E1E2C5
#E1E3C4
#E0DACE
#E0DBCC
#E0DDCB
#E0DEC9
#E1E0C8
#E1E1C6
#E1E3C4
#E0D5D3
#E0D7D1
#E1D9CE
#E1DBCC
#E1DDC9
#E2DFC7
#E2E2C4
#E0D0D8
#E0D3D5
#E1D5D2
#E1D8CE
#E2DBCB
#E2DEC8
#E3E1C4
#E0CADE
#E0CEDA
#E1D1D6
#E1D5D2
#E2D9CD
#E2DCC9
#E3E1C4
#E0C4E4
#E1C8DF
#E1CDDA
#E2D1D5
#E3D6D0
#E3DACA
#E4E0C4
Colorpallet from #E0E4C4 to #E0C4E4 and to #E4C4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0DFC9
#E0DFC9
#E0DFC9
#E0DFC9
#E1DFC8
#E1DFC8
#E1DFC8
#E0DACE
#E0DACE
#E0DACE
#E0DACE
#E1DACD
#E1DACD
#E1DACD
#E0D5D3
#E0D5D3
#E1D5D2
#E1D5D2
#E1D5D2
#E2D5D1
#E2D5D1
#E0D0D8
#E0D0D8
#E1D0D7
#E1D0D7
#E2D0D7
#E2D0D6
#E3D0D6
#E0CADE
#E0CADD
#E1CADD
#E1CADC
#E2CADB
#E2CADB
#E3CADA
#E0C4E4
#E1C4E3
#E1C4E3
#E2C4E2
#E3C4E1
#E3C4E1
#E4C4E0
Colorpallet from #E0E4C4 to #E0C4E4 and to #C4E0E4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0DFC9
#DFE0C9
#DFE0C9
#DEE1C9
#DDE2C9
#DDE2C9
#DCE3C9
#E0DACE
#DFDBCE
#DDDDCE
#DCDECE
#DAE0CE
#D9E1CE
#D7E3CE
#E0D5D3
#DED7D3
#DCD9D3
#DADBD3
#D8DDD3
#D6DFD3
#D3E2D3
#E0D0D8
#DDD3D8
#DAD5D8
#D7D8D8
#D4DBD8
#D2DED8
#CEE1D8
#E0CADE
#DCCEDE
#D9D1DE
#D5D5DE
#D2D9DE
#CEDCDE
#CAE1DE
#E0C4E4
#DCC8E4
#D7CDE4
#D3D1E4
#CED6E4
#CADAE4
#C4E0E4
Colorpallet from #E0E4C4 to #E0C4E4 and to #C4E4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0DFC9
#DFE0C9
#DFE1C9
#DEE1C9
#DDE2C8
#DDE3C8
#DCE4C8
#E0DACE
#DFDCCE
#DDDDCE
#DCDFCE
#DAE0CD
#D9E2CD
#D7E4CD
#E0D5D3
#DED7D3
#DCDAD2
#DADCD2
#D8DFD2
#D6E1D1
#D3E4D1
#E0D0D8
#DDD3D8
#DAD6D7
#D7DAD7
#D4DDD7
#D2E0D6
#CEE4D6
#E0CADE
#DCCEDD
#D9D2DD
#D5D6DC
#D2DBDB
#CEDFDB
#CAE4DA
#E0C4E4
#DCC9E3
#D7CEE3
#D3D3E2
#CED8E1
#CADEE1
#C4E4E0
Colorpallet from #E0E4C4 to #E4E0C4 and to #E4C4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E1E3C4
#E1E2C5
#E1E2C5
#E1E1C6
#E1E0C7
#E1E0C7
#E1DFC8
#E1E3C4
#E1E2C5
#E1E0C7
#E1DFC8
#E1DDCA
#E1DCCB
#E1DACD
#E2E2C4
#E2E0C6
#E2DEC8
#E2DCCA
#E2DACC
#E2D8CE
#E2D5D1
#E3E1C4
#E3DEC7
#E3DCCA
#E3D9CD
#E3D6D0
#E3D3D2
#E3D0D6
#E3E1C4
#E3DDC8
#E3DACB
#E3D6CF
#E3D2D2
#E3CFD6
#E3CADA
#E4E0C4
#E4DCC8
#E4D7CD
#E4D3D1
#E4CED6
#E4CADA
#E4C4E0
Colorpallet from #E0E4C4 to #E4E0C4 and to #C4E0E4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E1E3C4
#E0E3C5
#DFE3C6
#DFE3C6
#DEE3C7
#DDE3C8
#DCE3C9
#E1E3C4
#DFE3C6
#DEE3C7
#DCE3C9
#DBE3CA
#D9E3CC
#D7E3CE
#E2E2C4
#E0E2C6
#DDE2C9
#DBE2CB
#D8E2CE
#D6E2D0
#D3E2D3
#E3E1C4
#E0E1C7
#DCE1CA
#D9E1CE
#D6E1D1
#D2E1D4
#CEE1D8
#E3E1C4
#DFE1C8
#DBE1CC
#D7E1D0
#D3E1D5
#CFE1D9
#CAE1DE
#E4E0C4
#DFE0C9
#DAE0CE
#D5E0D3
#D0E0D8
#CAE0DE
#C4E0E4
Colorpallet from #E0E4C4 to #E4E0C4 and to #C4E4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E1E3C4
#E0E3C5
#DFE3C5
#DFE3C6
#DEE4C7
#DDE4C7
#DCE4C8
#E1E3C4
#DFE3C5
#DEE3C7
#DCE3C8
#DBE4CA
#D9E4CB
#D7E4CD
#E2E2C4
#E0E2C6
#DDE3C8
#DBE3CA
#D8E3CC
#D6E4CE
#D3E4D1
#E3E1C4
#E0E1C7
#DCE2CA
#D9E2CD
#D6E3D0
#D2E3D2
#CEE4D6
#E3E1C4
#DFE1C8
#DBE2CB
#D7E2CF
#D3E3D2
#CFE3D6
#CAE4DA
#E4E0C4
#DFE1C8
#DAE1CD
#D5E2D1
#D0E3D6
#CAE3DA
#C4E4E0
Colorpallet from #E0E4C4 to #E4C4E0 and to #C4E0E4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E1DFC8
#E0E0C8
#DFE0C8
#DFE1C8
#DEE2C9
#DDE2C9
#DCE3C9
#E1DACD
#DFDBCD
#DEDDCD
#DCDECD
#DBE0CE
#D9E1CE
#D7E3CE
#E2D5D1
#E0D7D1
#DDD9D2
#DBDBD2
#D8DDD2
#D6DFD3
#D3E2D3
#E3D0D6
#E0D3D6
#DCD5D7
#D9D8D7
#D6DBD7
#D2DED8
#CEE1D8
#E3CADA
#DFCEDB
#DBD1DB
#D7D5DC
#D3D9DD
#CFDCDD
#CAE1DE
#E4C4E0
#DFC8E1
#DACDE1
#D5D1E2
#D0D6E3
#CADAE3
#C4E0E4
Colorpallet from #E0E4C4 to #E4C4E0 and to #C4E4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E1DFC8
#E0E0C8
#DFE1C8
#DFE1C8
#DEE2C8
#DDE3C8
#DCE4C8
#E1DACD
#DFDCCD
#DEDDCD
#DCDFCD
#DBE0CD
#D9E2CD
#D7E4CD
#E2D5D1
#E0D7D1
#DDDAD1
#DBDCD1
#D8DFD1
#D6E1D1
#D3E4D1
#E3D0D6
#E0D3D6
#DCD6D6
#D9DAD6
#D6DDD6
#D2E0D6
#CEE4D6
#E3CADA
#DFCEDA
#DBD2DA
#D7D6DA
#D3DBDA
#CFDFDA
#CAE4DA
#E4C4E0
#DFC9E0
#DACEE0
#D5D3E0
#D0D8E0
#CADEE0
#C4E4E0
Colorpallet from #E0E4C4 to #C4E0E4 and to #C4E4E0
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#E0E4C4
#DCE3C9
#DCE3C9
#DCE3C9
#DCE3C9
#DCE4C8
#DCE4C8
#DCE4C8
#D7E3CE
#D7E3CE
#D7E3CE
#D7E3CE
#D7E4CD
#D7E4CD
#D7E4CD
#D3E2D3
#D3E2D3
#D3E3D2
#D3E3D2
#D3E3D2
#D3E4D1
#D3E4D1
#CEE1D8
#CEE1D8
#CEE2D7
#CEE2D7
#CEE3D7
#CEE3D6
#CEE4D6
#CAE1DE
#CAE1DD
#CAE2DD
#CAE2DC
#CAE3DB
#CAE3DB
#CAE4DA
#C4E0E4
#C4E1E3
#C4E1E3
#C4E2E2
#C4E3E1
#C4E3E1
#C4E4E0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts