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 #CFE8E4 to #CFE4E8 and to #E8CFE4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE7E5
#D0E7E5
#D0E6E5
#D1E6E5
#D2E5E4
#D2E5E4
#D3E4E4
#CFE7E5
#D0E6E5
#D2E5E5
#D3E4E5
#D4E3E4
#D5E1E4
#D7E0E4
#CFE6E6
#D1E4E6
#D3E3E5
#D5E1E5
#D7E0E5
#D9DEE4
#DBDCE4
#CFE5E7
#D2E3E7
#D4E1E6
#D7DFE6
#D9DDE5
#DCDBE5
#DFD8E4
#CFE5E7
#D2E2E7
#D5E0E6
#D9DDE6
#DCDAE5
#DFD7E5
#E3D4E4
#CFE4E8
#D3E1E7
#D7DDE7
#DBDAE6
#DFD7E5
#E3D3E5
#E8CFE4
Colorpallet from #CFE8E4 to #CFE4E8 and to #E8E4CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE7E5
#D0E7E4
#D0E7E4
#D1E7E3
#D2E7E2
#D2E7E2
#D3E7E1
#CFE7E5
#D0E7E4
#D2E7E2
#D3E7E1
#D4E7E0
#D5E7DF
#D7E7DD
#CFE6E6
#D1E6E4
#D3E6E2
#D5E6E0
#D7E6DE
#D9E6DC
#DBE6DA
#CFE5E7
#D2E5E4
#D4E5E2
#D7E5DF
#D9E5DD
#DCE5DA
#DFE5D7
#CFE5E7
#D2E5E4
#D5E5E1
#D9E5DD
#DCE5DA
#DFE5D7
#E3E5D3
#CFE4E8
#D3E4E4
#D7E4E0
#DBE4DC
#DFE4D8
#E3E4D4
#E8E4CF
Colorpallet from #CFE8E4 to #CFE4E8 and to #E4CFE8
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE7E5
#CFE7E5
#D0E6E5
#D0E6E5
#D1E5E5
#D1E5E5
#D2E4E5
#CFE7E5
#D0E6E5
#D1E5E5
#D2E4E5
#D3E3E5
#D5E1E5
#D6E0E5
#CFE6E6
#D1E4E6
#D2E3E6
#D4E1E6
#D5E0E6
#D7DEE6
#D9DCE6
#CFE5E7
#D1E3E7
#D3E1E7
#D5DFE7
#D7DDE7
#D9DBE7
#DCD8E7
#CFE5E7
#D2E2E7
#D4E0E7
#D7DDE7
#DADAE7
#DDD7E7
#E0D4E7
#CFE4E8
#D2E1E8
#D6DDE8
#D9DAE8
#DCD7E8
#E0D3E8
#E4CFE8
Colorpallet from #CFE8E4 to #CFE4E8 and to #E4E8CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE7E5
#CFE7E4
#D0E7E4
#D0E7E3
#D1E8E2
#D1E8E2
#D2E8E1
#CFE7E5
#D0E7E4
#D1E7E2
#D2E7E1
#D3E8E0
#D5E8DF
#D6E8DD
#CFE6E6
#D1E6E4
#D2E7E2
#D4E7E0
#D5E7DE
#D7E8DC
#D9E8DA
#CFE5E7
#D1E5E4
#D3E6E2
#D5E6DF
#D7E7DD
#D9E7DA
#DCE8D7
#CFE5E7
#D2E5E4
#D4E6E1
#D7E6DD
#DAE7DA
#DDE7D7
#E0E8D3
#CFE4E8
#D2E5E4
#D6E5E0
#D9E6DC
#DCE7D8
#E0E7D4
#E4E8CF
Colorpallet from #CFE8E4 to #E8CFE4 and to #E8E4CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D3E4E4
#D3E4E4
#D3E5E3
#D3E5E3
#D3E6E2
#D3E6E2
#D3E7E1
#D7E0E4
#D7E1E3
#D7E2E2
#D7E3E1
#D7E4E0
#D7E6DE
#D7E7DD
#DBDCE4
#DBDEE2
#DBDFE1
#DBE1DF
#DBE2DE
#DBE4DC
#DBE6DA
#DFD8E4
#DFDAE2
#DFDCE0
#DFDEDE
#DFE0DC
#DFE2DA
#DFE5D7
#E3D4E4
#E3D7E1
#E3D9DF
#E3DCDC
#E3DFD9
#E3E2D6
#E3E5D3
#E8CFE4
#E8D2E1
#E8D6DD
#E8D9DA
#E8DCD7
#E8E0D3
#E8E4CF
Colorpallet from #CFE8E4 to #E8CFE4 and to #E4CFE8
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D3E4E4
#D3E4E4
#D3E4E4
#D3E4E4
#D2E4E5
#D2E4E5
#D2E4E5
#D7E0E4
#D7E0E4
#D7E0E4
#D7E0E4
#D6E0E5
#D6E0E5
#D6E0E5
#DBDCE4
#DBDCE4
#DADCE5
#DADCE5
#DADCE5
#D9DCE6
#D9DCE6
#DFD8E4
#DFD8E4
#DED8E5
#DED8E5
#DDD8E6
#DDD8E6
#DCD8E7
#E3D4E4
#E3D4E4
#E2D4E5
#E2D4E5
#E1D4E6
#E1D4E6
#E0D4E7
#E8CFE4
#E7CFE5
#E7CFE5
#E6CFE6
#E5CFE7
#E5CFE7
#E4CFE8
Colorpallet from #CFE8E4 to #E8CFE4 and to #E4E8CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D3E4E4
#D3E5E4
#D3E5E3
#D3E6E3
#D2E7E2
#D2E7E2
#D2E8E1
#D7E0E4
#D7E1E3
#D7E3E2
#D7E4E1
#D6E5E0
#D6E6DE
#D6E8DD
#DBDCE4
#DBDEE2
#DAE0E1
#DAE2DF
#DAE4DE
#D9E6DC
#D9E8DA
#DFD8E4
#DFDBE2
#DEDDE0
#DEE0DE
#DDE2DC
#DDE5DA
#DCE8D7
#E3D4E4
#E3D7E1
#E2DADF
#E2DEDC
#E1E1D9
#E1E4D6
#E0E8D3
#E8CFE4
#E7D3E1
#E7D7DD
#E6DBDA
#E5DFD7
#E5E3D3
#E4E8CF
Colorpallet from #CFE8E4 to #E8E4CF and to #E4CFE8
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D3E7E1
#D3E7E2
#D3E6E2
#D3E6E3
#D2E5E4
#D2E5E4
#D2E4E5
#D7E7DD
#D7E6DE
#D7E5E0
#D7E4E1
#D6E3E2
#D6E1E3
#D6E0E5
#DBE6DA
#DBE4DC
#DAE3DE
#DAE1E0
#DAE0E2
#D9DEE4
#D9DCE6
#DFE5D7
#DFE3DA
#DEE1DC
#DEDFDF
#DDDDE1
#DDDBE4
#DCD8E7
#E3E5D3
#E3E2D6
#E2E0D9
#E2DDDD
#E1DAE0
#E1D7E3
#E0D4E7
#E8E4CF
#E7E1D3
#E7DDD7
#E6DADB
#E5D7DF
#E5D3E3
#E4CFE8
Colorpallet from #CFE8E4 to #E8E4CF and to #E4E8CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D3E7E1
#D3E7E1
#D3E7E1
#D3E7E1
#D2E8E1
#D2E8E1
#D2E8E1
#D7E7DD
#D7E7DD
#D7E7DD
#D7E7DD
#D6E8DD
#D6E8DD
#D6E8DD
#DBE6DA
#DBE6DA
#DAE7DA
#DAE7DA
#DAE7DA
#D9E8DA
#D9E8DA
#DFE5D7
#DFE5D7
#DEE6D7
#DEE6D7
#DDE7D7
#DDE7D7
#DCE8D7
#E3E5D3
#E3E5D3
#E2E6D3
#E2E6D3
#E1E7D3
#E1E7D3
#E0E8D3
#E8E4CF
#E7E5CF
#E7E5CF
#E6E6CF
#E5E7CF
#E5E7CF
#E4E8CF
Colorpallet from #CFE8E4 to #E4CFE8 and to #E4E8CF
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#CFE8E4
#D2E4E5
#D2E5E4
#D2E5E4
#D2E6E3
#D2E7E2
#D2E7E2
#D2E8E1
#D6E0E5
#D6E1E4
#D6E3E2
#D6E4E1
#D6E5E0
#D6E6DF
#D6E8DD
#D9DCE6
#D9DEE4
#D9E0E2
#D9E2E0
#D9E4DE
#D9E6DC
#D9E8DA
#DCD8E7
#DCDBE4
#DCDDE2
#DCE0DF
#DCE2DD
#DCE5DA
#DCE8D7
#E0D4E7
#E0D7E4
#E0DAE1
#E0DEDD
#E0E1DA
#E0E4D7
#E0E8D3
#E4CFE8
#E4D3E4
#E4D7E0
#E4DBDC
#E4DFD8
#E4E3D4
#E4E8CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts