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 #E0E4C3 to #E0C3E4 and to #E4E0C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0DFC8
#E0E0C7
#E0E0C6
#E0E1C6
#E1E2C5
#E1E2C4
#E1E3C3
#E0D9CE
#E0DBCC
#E0DCCA
#E0DEC9
#E1DFC7
#E1E1C5
#E1E3C3
#E0D4D3
#E0D6D0
#E1D8CE
#E1DBCB
#E1DDC9
#E2DFC6
#E2E2C3
#E0CFD8
#E0D2D5
#E1D5D1
#E1D8CE
#E2DBCB
#E2DDC7
#E3E1C3
#E0CADD
#E0CED9
#E1D1D5
#E1D5D1
#E2D9CC
#E2DCC8
#E3E1C3
#E0C3E4
#E1C8DF
#E1CCD9
#E2D1D4
#E3D6CF
#E3DACA
#E4E0C3
Colorpallet from #E0E4C3 to #E0C3E4 and to #E4C3E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0DFC8
#E0DFC8
#E0DFC8
#E0DFC8
#E1DFC8
#E1DFC8
#E1DFC8
#E0D9CE
#E0D9CE
#E0D9CD
#E0D9CD
#E1D9CD
#E1D9CC
#E1D9CC
#E0D4D3
#E0D4D3
#E1D4D2
#E1D4D2
#E1D4D2
#E2D4D1
#E2D4D1
#E0CFD8
#E0CFD8
#E1CFD7
#E1CFD7
#E2CFD7
#E2CFD6
#E3CFD6
#E0CADD
#E0CADD
#E1CADC
#E1CADC
#E2CADB
#E2CADB
#E3CADA
#E0C3E4
#E1C3E3
#E1C3E3
#E2C3E2
#E3C3E1
#E3C3E1
#E4C3E0
Colorpallet from #E0E4C3 to #E0C3E4 and to #C3E0E4
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0DFC8
#DFE0C8
#DEE0C8
#DEE1C8
#DDE2C8
#DCE2C8
#DBE3C8
#E0D9CE
#DFDBCE
#DDDCCE
#DCDECE
#DADFCE
#D9E1CE
#D7E3CE
#E0D4D3
#DED6D3
#DCD8D3
#D9DBD3
#D7DDD3
#D5DFD3
#D2E2D3
#E0CFD8
#DDD2D8
#DAD5D8
#D7D8D8
#D4DBD8
#D1DDD8
#CDE1D8
#E0CADD
#DCCEDD
#D9D1DD
#D5D5DD
#D1D9DD
#CEDCDD
#C9E1DD
#E0C3E4
#DBC8E4
#D7CCE4
#D2D1E4
#CDD6E4
#C9DAE4
#C3E0E4
Colorpallet from #E0E4C3 to #E0C3E4 and to #C3E4E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0DFC8
#DFE0C8
#DEE1C8
#DEE1C8
#DDE2C8
#DCE3C8
#DBE4C8
#E0D9CE
#DFDBCE
#DDDDCD
#DCDECD
#DAE0CD
#D9E2CC
#D7E4CC
#E0D4D3
#DED7D3
#DCD9D2
#D9DCD2
#D7DED2
#D5E1D1
#D2E4D1
#E0CFD8
#DDD2D8
#DAD6D7
#D7D9D7
#D4DCD7
#D1E0D6
#CDE4D6
#E0CADD
#DCCEDD
#D9D2DC
#D5D6DC
#D1DBDB
#CEDFDB
#C9E4DA
#E0C3E4
#DBC8E3
#D7CEE3
#D2D3E2
#CDD8E1
#C9DDE1
#C3E4E0
Colorpallet from #E0E4C3 to #E4E0C3 and to #E4C3E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E1E3C3
#E1E2C4
#E1E2C5
#E1E1C5
#E1E0C6
#E1E0C7
#E1DFC8
#E1E3C3
#E1E1C4
#E1E0C6
#E1DEC7
#E1DDC9
#E1DBCA
#E1D9CC
#E2E2C3
#E2E0C5
#E2DEC7
#E2DBCA
#E2D9CC
#E2D7CE
#E2D4D1
#E3E1C3
#E3DEC6
#E3DBC9
#E3D8CC
#E3D5CF
#E3D3D2
#E3CFD6
#E3E1C3
#E3DDC7
#E3DACA
#E3D6CE
#E3D2D2
#E3CFD5
#E3CADA
#E4E0C3
#E4DBC8
#E4D7CC
#E4D2D1
#E4CDD6
#E4C9DA
#E4C3E0
Colorpallet from #E0E4C3 to #E4E0C3 and to #C3E0E4
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E1E3C3
#E0E3C4
#DFE3C5
#DEE3C5
#DDE3C6
#DCE3C7
#DBE3C8
#E1E3C3
#DFE3C5
#DEE3C7
#DCE3C8
#DBE3CA
#D9E3CC
#D7E3CE
#E2E2C3
#DFE2C6
#DDE2C8
#DAE2CB
#D8E2CD
#D5E2D0
#D2E2D3
#E3E1C3
#DFE1C6
#DCE1CA
#D8E1CD
#D5E1D0
#D1E1D4
#CDE1D8
#E3E1C3
#DFE1C7
#DBE1CB
#D7E1CF
#D2E1D4
#CEE1D8
#C9E1DD
#E4E0C3
#DFE0C8
#D9E0CE
#D4E0D3
#CFE0D8
#CAE0DD
#C3E0E4
Colorpallet from #E0E4C3 to #E4E0C3 and to #C3E4E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E1E3C3
#E0E3C4
#DFE3C5
#DEE3C5
#DDE4C6
#DCE4C7
#DBE4C8
#E1E3C3
#DFE3C4
#DEE3C6
#DCE3C7
#DBE4C9
#D9E4CA
#D7E4CC
#E2E2C3
#DFE2C5
#DDE3C7
#DAE3CA
#D8E3CC
#D5E4CE
#D2E4D1
#E3E1C3
#DFE1C6
#DCE2C9
#D8E2CC
#D5E3CF
#D1E3D2
#CDE4D6
#E3E1C3
#DFE1C7
#DBE2CA
#D7E2CE
#D2E3D2
#CEE3D5
#C9E4DA
#E4E0C3
#DFE1C8
#D9E1CC
#D4E2D1
#CFE3D6
#CAE3DA
#C3E4E0
Colorpallet from #E0E4C3 to #E4C3E0 and to #C3E0E4
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E1DFC8
#E0E0C8
#DFE0C8
#DEE1C8
#DDE2C8
#DCE2C8
#DBE3C8
#E1D9CC
#DFDBCC
#DEDCCD
#DCDECD
#DBDFCD
#D9E1CE
#D7E3CE
#E2D4D1
#DFD6D1
#DDD8D2
#DADBD2
#D8DDD2
#D5DFD3
#D2E2D3
#E3CFD6
#DFD2D6
#DCD5D7
#D8D8D7
#D5DBD7
#D1DDD8
#CDE1D8
#E3CADA
#DFCEDA
#DBD1DB
#D7D5DB
#D2D9DC
#CEDCDC
#C9E1DD
#E4C3E0
#DFC8E1
#D9CCE1
#D4D1E2
#CFD6E3
#CADAE3
#C3E0E4
Colorpallet from #E0E4C3 to #E4C3E0 and to #C3E4E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E1DFC8
#E0E0C8
#DFE1C8
#DEE1C8
#DDE2C8
#DCE3C8
#DBE4C8
#E1D9CC
#DFDBCC
#DEDDCC
#DCDECC
#DBE0CC
#D9E2CC
#D7E4CC
#E2D4D1
#DFD7D1
#DDD9D1
#DADCD1
#D8DED1
#D5E1D1
#D2E4D1
#E3CFD6
#DFD2D6
#DCD6D6
#D8D9D6
#D5DCD6
#D1E0D6
#CDE4D6
#E3CADA
#DFCEDA
#DBD2DA
#D7D6DA
#D2DBDA
#CEDFDA
#C9E4DA
#E4C3E0
#DFC8E0
#D9CEE0
#D4D3E0
#CFD8E0
#CADDE0
#C3E4E0
Colorpallet from #E0E4C3 to #C3E0E4 and to #C3E4E0
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#E0E4C3
#DBE3C8
#DBE3C8
#DBE3C8
#DBE3C8
#DBE4C8
#DBE4C8
#DBE4C8
#D7E3CE
#D7E3CE
#D7E3CD
#D7E3CD
#D7E4CD
#D7E4CC
#D7E4CC
#D2E2D3
#D2E2D3
#D2E3D2
#D2E3D2
#D2E3D2
#D2E4D1
#D2E4D1
#CDE1D8
#CDE1D8
#CDE2D7
#CDE2D7
#CDE3D7
#CDE3D6
#CDE4D6
#C9E1DD
#C9E1DD
#C9E2DC
#C9E2DC
#C9E3DB
#C9E3DB
#C9E4DA
#C3E0E4
#C3E1E3
#C3E1E3
#C3E2E2
#C3E3E1
#C3E3E1
#C3E4E0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts