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 #E0E5C3 to #E0C3E5 and to #E5E0C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E0C8
#E0E1C7
#E0E1C6
#E0E2C6
#E1E3C5
#E1E3C4
#E1E4C3
#E0DACE
#E0DBCC
#E1DDCA
#E1DEC9
#E1E0C7
#E2E1C5
#E2E3C3
#E0D5D3
#E0D7D0
#E1D9CE
#E1DCCB
#E1DEC9
#E2E0C6
#E2E3C3
#E0CFD9
#E0D2D5
#E1D5D2
#E1D8CE
#E2DBCB
#E2DEC7
#E3E2C3
#E0CADE
#E1CEDA
#E1D1D5
#E2D5D1
#E3D9CD
#E3DCC8
#E4E1C3
#E0C3E5
#E1C8E0
#E2CCDA
#E2D1D5
#E3D6CF
#E4DACA
#E5E0C3
Colorpallet from #E0E5C3 to #E0C3E5 and to #E5C3E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E0C8
#E0E0C8
#E0E0C8
#E0E0C8
#E1E0C8
#E1E0C8
#E1E0C8
#E0DACE
#E0DACE
#E1DACD
#E1DACD
#E1DACD
#E2DACC
#E2DACC
#E0D5D3
#E0D5D3
#E1D5D2
#E1D5D2
#E1D5D2
#E2D5D1
#E2D5D1
#E0CFD9
#E0CFD9
#E1CFD8
#E1CFD8
#E2CFD7
#E2CFD7
#E3CFD6
#E0CADE
#E1CADD
#E1CADD
#E2CADC
#E3CADB
#E3CADB
#E4CADA
#E0C3E5
#E1C3E4
#E2C3E3
#E2C3E3
#E3C3E2
#E4C3E1
#E5C3E0
Colorpallet from #E0E5C3 to #E0C3E5 and to #C3E0E5
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E0C8
#DFE1C8
#DEE1C8
#DEE2C8
#DDE3C8
#DCE3C8
#DBE4C8
#E0DACE
#DFDBCE
#DDDDCE
#DCDECE
#DAE0CE
#D9E1CE
#D7E3CE
#E0D5D3
#DED7D3
#DCD9D3
#D9DCD3
#D7DED3
#D5E0D3
#D2E3D3
#E0CFD9
#DDD2D9
#DAD5D9
#D7D8D9
#D4DBD9
#D1DED9
#CDE2D9
#E0CADE
#DCCEDE
#D9D1DE
#D5D5DE
#D1D9DE
#CEDCDE
#C9E1DE
#E0C3E5
#DBC8E5
#D7CCE5
#D2D1E5
#CDD6E5
#C9DAE5
#C3E0E5
Colorpallet from #E0E5C3 to #E0C3E5 and to #C3E5E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E0C8
#DFE1C8
#DEE2C8
#DEE2C8
#DDE3C8
#DCE4C8
#DBE5C8
#E0DACE
#DFDCCE
#DDDECD
#DCDFCD
#DAE1CD
#D9E3CC
#D7E5CC
#E0D5D3
#DED8D3
#DCDAD2
#D9DDD2
#D7DFD2
#D5E2D1
#D2E5D1
#E0CFD9
#DDD3D9
#DAD6D8
#D7DAD8
#D4DDD7
#D1E1D7
#CDE5D6
#E0CADE
#DCCEDD
#D9D3DD
#D5D7DC
#D1DBDB
#CEE0DB
#C9E5DA
#E0C3E5
#DBC8E4
#D7CEE3
#D2D3E3
#CDD9E2
#C9DEE1
#C3E5E0
Colorpallet from #E0E5C3 to #E5E0C3 and to #E5C3E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E1E4C3
#E1E3C4
#E1E3C5
#E1E2C5
#E1E1C6
#E1E1C7
#E1E0C8
#E2E3C3
#E2E2C4
#E2E0C6
#E2DFC7
#E2DDC9
#E2DCCA
#E2DACC
#E2E3C3
#E2E1C5
#E2DFC7
#E2DCCA
#E2DACC
#E2D8CE
#E2D5D1
#E3E2C3
#E3DFC6
#E3DCC9
#E3D9CC
#E3D6CF
#E3D3D2
#E3CFD6
#E4E1C3
#E4DDC7
#E4DACA
#E4D6CE
#E4D2D2
#E4CFD5
#E4CADA
#E5E0C3
#E5DBC8
#E5D7CC
#E5D2D1
#E5CDD6
#E5C9DA
#E5C3E0
Colorpallet from #E0E5C3 to #E5E0C3 and to #C3E0E5
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E1E4C3
#E0E4C4
#DFE4C5
#DEE4C5
#DDE4C6
#DCE4C7
#DBE4C8
#E2E3C3
#E0E3C5
#DEE3C7
#DDE3C8
#DBE3CA
#D9E3CC
#D7E3CE
#E2E3C3
#DFE3C6
#DDE3C8
#DAE3CB
#D8E3CD
#D5E3D0
#D2E3D3
#E3E2C3
#DFE2C7
#DCE2CA
#D8E2CE
#D5E2D1
#D1E2D5
#CDE2D9
#E4E1C3
#E0E1C7
#DBE1CC
#D7E1D0
#D3E1D4
#CEE1D9
#C9E1DE
#E5E0C3
#E0E0C8
#DAE0CE
#D5E0D3
#CFE0D9
#CAE0DE
#C3E0E5
Colorpallet from #E0E5C3 to #E5E0C3 and to #C3E5E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E1E4C3
#E0E4C4
#DFE4C5
#DEE4C5
#DDE5C6
#DCE5C7
#DBE5C8
#E2E3C3
#E0E3C4
#DEE4C6
#DDE4C7
#DBE4C9
#D9E5CA
#D7E5CC
#E2E3C3
#DFE3C5
#DDE4C7
#DAE4CA
#D8E4CC
#D5E5CE
#D2E5D1
#E3E2C3
#DFE2C6
#DCE3C9
#D8E3CC
#D5E4CF
#D1E4D2
#CDE5D6
#E4E1C3
#E0E2C7
#DBE2CA
#D7E3CE
#D3E4D2
#CEE4D5
#C9E5DA
#E5E0C3
#E0E1C8
#DAE2CC
#D5E2D1
#CFE3D6
#CAE4DA
#C3E5E0
Colorpallet from #E0E5C3 to #E5C3E0 and to #C3E0E5
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E1E0C8
#E0E1C8
#DFE1C8
#DEE2C8
#DDE3C8
#DCE3C8
#DBE4C8
#E2DACC
#E0DBCC
#DEDDCD
#DDDECD
#DBE0CD
#D9E1CE
#D7E3CE
#E2D5D1
#DFD7D1
#DDD9D2
#DADCD2
#D8DED2
#D5E0D3
#D2E3D3
#E3CFD6
#DFD2D6
#DCD5D7
#D8D8D7
#D5DBD8
#D1DED8
#CDE2D9
#E4CADA
#E0CEDB
#DBD1DB
#D7D5DC
#D3D9DD
#CEDCDD
#C9E1DE
#E5C3E0
#E0C8E1
#DACCE2
#D5D1E2
#CFD6E3
#CADAE4
#C3E0E5
Colorpallet from #E0E5C3 to #E5C3E0 and to #C3E5E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E1E0C8
#E0E1C8
#DFE2C8
#DEE2C8
#DDE3C8
#DCE4C8
#DBE5C8
#E2DACC
#E0DCCC
#DEDECC
#DDDFCC
#DBE1CC
#D9E3CC
#D7E5CC
#E2D5D1
#DFD8D1
#DDDAD1
#DADDD1
#D8DFD1
#D5E2D1
#D2E5D1
#E3CFD6
#DFD3D6
#DCD6D6
#D8DAD6
#D5DDD6
#D1E1D6
#CDE5D6
#E4CADA
#E0CEDA
#DBD3DA
#D7D7DA
#D3DBDA
#CEE0DA
#C9E5DA
#E5C3E0
#E0C8E0
#DACEE0
#D5D3E0
#CFD9E0
#CADEE0
#C3E5E0
Colorpallet from #E0E5C3 to #C3E0E5 and to #C3E5E0
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#E0E5C3
#DBE4C8
#DBE4C8
#DBE4C8
#DBE4C8
#DBE5C8
#DBE5C8
#DBE5C8
#D7E3CE
#D7E3CE
#D7E4CD
#D7E4CD
#D7E4CD
#D7E5CC
#D7E5CC
#D2E3D3
#D2E3D3
#D2E4D2
#D2E4D2
#D2E4D2
#D2E5D1
#D2E5D1
#CDE2D9
#CDE2D9
#CDE3D8
#CDE3D8
#CDE4D7
#CDE4D7
#CDE5D6
#C9E1DE
#C9E2DD
#C9E2DD
#C9E3DC
#C9E4DB
#C9E4DB
#C9E5DA
#C3E0E5
#C3E1E4
#C3E2E3
#C3E2E3
#C3E3E2
#C3E4E1
#C3E5E0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
