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 #CFE8E0 to #CFE0E8 and to #E8CFE0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE7E1
#D0E7E1
#D0E6E1
#D1E6E1
#D2E5E0
#D2E5E0
#D3E4E0
#CFE5E3
#D0E4E3
#D2E3E2
#D3E3E2
#D4E2E1
#D5E1E1
#D7E0E0
#CFE4E4
#D1E3E3
#D3E1E3
#D5E0E2
#D7DFE1
#D9DEE1
#DBDCE0
#CFE3E5
#D2E1E4
#D4DFE3
#D7DEE3
#D9DCE2
#DCDAE1
#DFD8E0
#CFE2E6
#D2E0E5
#D5DEE4
#D9DBE3
#DCD9E2
#DFD7E1
#E3D4E0
#CFE0E8
#D3DDE7
#D7DBE5
#DBD8E4
#DFD5E3
#E3D2E2
#E8CFE0
Colorpallet from #CFE8E0 to #CFE0E8 and to #E8E0CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE7E1
#D0E7E0
#D0E7E0
#D1E7DF
#D2E7DE
#D2E7DE
#D3E7DD
#CFE5E3
#D0E5E2
#D2E5E0
#D3E5DF
#D4E5DE
#D5E5DD
#D7E5DB
#CFE4E4
#D1E4E2
#D3E4E0
#D5E4DE
#D7E4DC
#D9E4DA
#DBE4D8
#CFE3E5
#D2E3E2
#D4E3E0
#D7E3DD
#D9E3DB
#DCE3D8
#DFE3D5
#CFE2E6
#D2E2E3
#D5E2E0
#D9E2DC
#DCE2D9
#DFE2D6
#E3E2D2
#CFE0E8
#D3E0E4
#D7E0E0
#DBE0DC
#DFE0D8
#E3E0D4
#E8E0CF
Colorpallet from #CFE8E0 to #CFE0E8 and to #E0CFE8
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE7E1
#CFE7E1
#D0E6E1
#D0E6E1
#D1E5E1
#D1E5E1
#D2E4E1
#CFE5E3
#D0E4E3
#D1E3E3
#D1E3E3
#D2E2E3
#D3E1E3
#D4E0E3
#CFE4E4
#D0E3E4
#D2E1E4
#D3E0E4
#D4DFE4
#D5DEE4
#D7DCE4
#CFE3E5
#D1E1E5
#D3DFE5
#D4DEE5
#D6DCE5
#D8DAE5
#DAD8E5
#CFE2E6
#D1E0E6
#D3DEE6
#D6DBE6
#D8D9E6
#DAD7E6
#DDD4E6
#CFE0E8
#D2DDE8
#D4DBE8
#D7D8E8
#DAD5E8
#DDD2E8
#E0CFE8
Colorpallet from #CFE8E0 to #CFE0E8 and to #E0E8CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE7E1
#CFE7E0
#D0E7E0
#D0E7DF
#D1E8DE
#D1E8DE
#D2E8DD
#CFE5E3
#D0E5E2
#D1E6E0
#D1E6DF
#D2E7DE
#D3E7DD
#D4E8DB
#CFE4E4
#D0E5E2
#D2E5E0
#D3E6DE
#D4E7DC
#D5E7DA
#D7E8D8
#CFE3E5
#D1E4E2
#D3E5E0
#D4E5DD
#D6E6DB
#D8E7D8
#DAE8D5
#CFE2E6
#D1E3E3
#D3E4E0
#D6E5DC
#D8E6D9
#DAE7D6
#DDE8D2
#CFE0E8
#D2E1E4
#D4E3E0
#D7E4DC
#DAE5D8
#DDE6D4
#E0E8CF
Colorpallet from #CFE8E0 to #E8CFE0 and to #E8E0CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D3E4E0
#D3E4E0
#D3E5DF
#D3E5DF
#D3E6DE
#D3E6DE
#D3E7DD
#D7E0E0
#D7E1DF
#D7E2DE
#D7E2DE
#D7E3DD
#D7E4DC
#D7E5DB
#DBDCE0
#DBDDDF
#DBDFDD
#DBE0DC
#DBE1DB
#DBE2DA
#DBE4D8
#DFD8E0
#DFDADE
#DFDCDC
#DFDDDB
#DFDFD9
#DFE1D7
#DFE3D5
#E3D4E0
#E3D6DE
#E3D8DC
#E3DBD9
#E3DDD7
#E3DFD5
#E3E2D2
#E8CFE0
#E8D2DD
#E8D4DB
#E8D7D8
#E8DAD5
#E8DDD2
#E8E0CF
Colorpallet from #CFE8E0 to #E8CFE0 and to #E0CFE8
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D3E4E0
#D3E4E0
#D3E4E0
#D3E4E0
#D2E4E1
#D2E4E1
#D2E4E1
#D7E0E0
#D7E0E0
#D6E0E1
#D6E0E1
#D5E0E2
#D5E0E2
#D4E0E3
#DBDCE0
#DADCE1
#DADCE1
#D9DCE2
#D8DCE3
#D8DCE3
#D7DCE4
#DFD8E0
#DED8E1
#DDD8E2
#DDD8E2
#DCD8E3
#DBD8E4
#DAD8E5
#E3D4E0
#E2D4E1
#E1D4E2
#E0D4E3
#DFD4E4
#DED4E5
#DDD4E6
#E8CFE0
#E7CFE1
#E5CFE3
#E4CFE4
#E3CFE5
#E2CFE6
#E0CFE8
Colorpallet from #CFE8E0 to #E8CFE0 and to #E0E8CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D3E4E0
#D3E5E0
#D3E5DF
#D3E6DF
#D2E7DE
#D2E7DE
#D2E8DD
#D7E0E0
#D7E1DF
#D6E3DE
#D6E4DE
#D5E5DD
#D5E6DC
#D4E8DB
#DBDCE0
#DADEDF
#DAE0DD
#D9E2DC
#D8E4DB
#D8E6DA
#D7E8D8
#DFD8E0
#DEDBDE
#DDDDDC
#DDE0DB
#DCE2D9
#DBE5D7
#DAE8D5
#E3D4E0
#E2D7DE
#E1DADC
#E0DED9
#DFE1D7
#DEE4D5
#DDE8D2
#E8CFE0
#E7D3DD
#E5D7DB
#E4DBD8
#E3DFD5
#E2E3D2
#E0E8CF
Colorpallet from #CFE8E0 to #E8E0CF and to #E0CFE8
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D3E7DD
#D3E7DE
#D3E6DE
#D3E6DF
#D2E5E0
#D2E5E0
#D2E4E1
#D7E5DB
#D7E4DC
#D6E3DE
#D6E3DF
#D5E2E0
#D5E1E1
#D4E0E3
#DBE4D8
#DAE3DA
#DAE1DC
#D9E0DE
#D8DFE0
#D8DEE2
#D7DCE4
#DFE3D5
#DEE1D8
#DDDFDA
#DDDEDD
#DCDCDF
#DBDAE2
#DAD8E5
#E3E2D2
#E2E0D5
#E1DED8
#E0DBDC
#DFD9DF
#DED7E2
#DDD4E6
#E8E0CF
#E7DDD3
#E5DBD7
#E4D8DB
#E3D5DF
#E2D2E3
#E0CFE8
Colorpallet from #CFE8E0 to #E8E0CF and to #E0E8CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D3E7DD
#D3E7DD
#D3E7DD
#D3E7DD
#D2E8DD
#D2E8DD
#D2E8DD
#D7E5DB
#D7E5DB
#D6E6DB
#D6E6DB
#D5E7DB
#D5E7DB
#D4E8DB
#DBE4D8
#DAE5D8
#DAE5D8
#D9E6D8
#D8E7D8
#D8E7D8
#D7E8D8
#DFE3D5
#DEE4D5
#DDE5D5
#DDE5D5
#DCE6D5
#DBE7D5
#DAE8D5
#E3E2D2
#E2E3D2
#E1E4D2
#E0E5D2
#DFE6D2
#DEE7D2
#DDE8D2
#E8E0CF
#E7E1CF
#E5E3CF
#E4E4CF
#E3E5CF
#E2E6CF
#E0E8CF
Colorpallet from #CFE8E0 to #E0CFE8 and to #E0E8CF
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#CFE8E0
#D2E4E1
#D2E5E0
#D2E5E0
#D2E6DF
#D2E7DE
#D2E7DE
#D2E8DD
#D4E0E3
#D4E1E2
#D4E3E0
#D4E4DF
#D4E5DE
#D4E6DD
#D4E8DB
#D7DCE4
#D7DEE2
#D7E0E0
#D7E2DE
#D7E4DC
#D7E6DA
#D7E8D8
#DAD8E5
#DADBE2
#DADDE0
#DAE0DD
#DAE2DB
#DAE5D8
#DAE8D5
#DDD4E6
#DDD7E3
#DDDAE0
#DDDEDC
#DDE1D9
#DDE4D6
#DDE8D2
#E0CFE8
#E0D3E4
#E0D7E0
#E0DBDC
#E0DFD8
#E0E3D4
#E0E8CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts