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 #CCE1E9 to #CCE9E1 and to #E1CCE9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE2E8
#CCE1E8
#CDE1E8
#CDE0E8
#CEDFE9
#CEDFE9
#CFDEE9
#CCE4E6
#CDE2E6
#CEE1E7
#CFDFE7
#D0DEE8
#D2DCE8
#D3DAE9
#CCE5E5
#CEE3E6
#CFE1E6
#D1DEE7
#D2DCE8
#D4DAE8
#D6D7E9
#CCE6E4
#CEE3E5
#D0E0E6
#D2DDE6
#D4DAE7
#D6D8E8
#D9D4E9
#CCE7E3
#CFE3E4
#D1E0E5
#D4DCE6
#D7D8E7
#DAD5E8
#DDD0E9
#CCE9E1
#CFE4E2
#D3E0E4
#D6DBE5
#D9D6E6
#DDD2E7
#E1CCE9
Colorpallet from #CCE1E9 to #CCE9E1 and to #E1E9CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE2E8
#CCE2E7
#CDE2E7
#CDE2E6
#CEE2E5
#CEE2E5
#CFE2E4
#CCE4E6
#CDE4E5
#CEE4E4
#CFE4E3
#D0E4E2
#D2E4E1
#D3E4E0
#CCE5E5
#CEE5E3
#CFE5E2
#D1E5E0
#D2E5DF
#D4E5DD
#D6E5DB
#CCE6E4
#CEE6E2
#D0E6E0
#D2E6DD
#D4E6DB
#D6E6D9
#D9E6D6
#CCE7E3
#CFE7E0
#D1E7DE
#D4E7DB
#D7E7D8
#DAE7D5
#DDE7D2
#CCE9E1
#CFE9DE
#D3E9DA
#D6E9D7
#D9E9D4
#DDE9D0
#E1E9CC
Colorpallet from #CCE1E9 to #CCE9E1 and to #E9CCE1
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE2E8
#CDE1E8
#CEE1E8
#CEE0E8
#CFDFE8
#D0DFE8
#D1DEE8
#CCE4E6
#CDE2E6
#CFE1E6
#D0DFE6
#D2DEE6
#D3DCE6
#D5DAE6
#CCE5E5
#CEE3E5
#D0E1E5
#D3DEE5
#D5DCE5
#D7DAE5
#DAD7E5
#CCE6E4
#CFE3E4
#D2E0E4
#D5DDE4
#D8DAE4
#DBD8E4
#DFD4E4
#CCE7E3
#D0E3E3
#D3E0E3
#D7DCE3
#DBD8E3
#DED5E3
#E3D0E3
#CCE9E1
#D1E4E1
#D5E0E1
#DADBE1
#DFD6E1
#E3D2E1
#E9CCE1
Colorpallet from #CCE1E9 to #CCE9E1 and to #E9E1CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE2E8
#CDE2E7
#CEE2E7
#CEE2E6
#CFE1E5
#D0E1E5
#D1E1E4
#CCE4E6
#CDE4E5
#CFE3E4
#D0E3E3
#D2E2E2
#D3E2E1
#D5E1E0
#CCE5E5
#CEE4E3
#D0E4E2
#D3E3E0
#D5E2DF
#D7E2DD
#DAE1DB
#CCE6E4
#CFE5E2
#D2E4E0
#D5E4DD
#D8E3DB
#DBE2D9
#DFE1D6
#CCE7E3
#D0E6E0
#D3E5DE
#D7E4DB
#DBE3D8
#DEE2D5
#E3E1D2
#CCE9E1
#D1E8DE
#D5E6DA
#DAE5D7
#DFE4D4
#E3E3D0
#E9E1CC
Colorpallet from #CCE1E9 to #E1CCE9 and to #E1E9CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CFDEE9
#CFDFE8
#CFDFE7
#CFE0E7
#CFE1E6
#CFE1E5
#CFE2E4
#D3DAE9
#D3DCE8
#D3DDE6
#D3DFE5
#D3E0E3
#D3E2E2
#D3E4E0
#D6D7E9
#D6D9E7
#D6DBE5
#D6DEE2
#D6E0E0
#D6E2DE
#D6E5DB
#D9D4E9
#D9D7E6
#D9DAE3
#D9DDE0
#D9E0DD
#D9E2DA
#D9E6D6
#DDD0E9
#DDD4E5
#DDD7E2
#DDDBDE
#DDDFDA
#DDE2D7
#DDE7D2
#E1CCE9
#E1D1E4
#E1D5E0
#E1DADB
#E1DFD6
#E1E3D2
#E1E9CC
Colorpallet from #CCE1E9 to #E1CCE9 and to #E9CCE1
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CFDEE9
#CFDEE9
#D0DEE9
#D0DEE9
#D0DEE8
#D1DEE8
#D1DEE8
#D3DAE9
#D3DAE9
#D4DAE8
#D4DAE8
#D4DAE7
#D5DAE7
#D5DAE6
#D6D7E9
#D7D7E8
#D7D7E8
#D8D7E7
#D9D7E6
#D9D7E6
#DAD7E5
#D9D4E9
#DAD4E8
#DBD4E7
#DCD4E7
#DDD4E6
#DED4E5
#DFD4E4
#DDD0E9
#DED0E8
#DFD0E7
#E0D0E6
#E1D0E5
#E2D0E4
#E3D0E3
#E1CCE9
#E2CCE8
#E4CCE6
#E5CCE5
#E6CCE4
#E7CCE3
#E9CCE1
Colorpallet from #CCE1E9 to #E1CCE9 and to #E9E1CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CFDEE9
#CFDEE8
#D0DFE7
#D0DFE7
#D0E0E6
#D1E0E5
#D1E1E4
#D3DAE9
#D3DBE8
#D4DCE6
#D4DDE5
#D4DEE3
#D5E0E2
#D5E1E0
#D6D7E9
#D7D9E7
#D7DAE5
#D8DCE2
#D9DDE0
#D9DFDE
#DAE1DB
#D9D4E9
#DAD6E6
#DBD8E3
#DCDAE0
#DDDCDD
#DEDEDA
#DFE1D6
#DDD0E9
#DED3E5
#DFD5E2
#E0D8DE
#E1DBDA
#E2DED7
#E3E1D2
#E1CCE9
#E2CFE4
#E4D3E0
#E5D6DB
#E6D9D6
#E7DDD2
#E9E1CC
Colorpallet from #CCE1E9 to #E1E9CC and to #E9CCE1
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CFE2E4
#CFE1E5
#D0E1E5
#D0E0E6
#D0DFE7
#D1DFE7
#D1DEE8
#D3E4E0
#D3E2E1
#D4E1E2
#D4DFE3
#D4DEE4
#D5DCE5
#D5DAE6
#D6E5DB
#D7E3DD
#D7E1DE
#D8DEE0
#D9DCE1
#D9DAE3
#DAD7E5
#D9E6D6
#DAE3D8
#DBE0DA
#DCDDDD
#DDDADF
#DED8E1
#DFD4E4
#DDE7D2
#DEE3D5
#DFE0D7
#E0DCDA
#E1D8DD
#E2D5E0
#E3D0E3
#E1E9CC
#E2E4CF
#E4E0D3
#E5DBD6
#E6D6D9
#E7D2DD
#E9CCE1
Colorpallet from #CCE1E9 to #E1E9CC and to #E9E1CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CFE2E4
#CFE2E4
#D0E2E4
#D0E2E4
#D0E1E4
#D1E1E4
#D1E1E4
#D3E4E0
#D3E4E0
#D4E3E0
#D4E3E0
#D4E2E0
#D5E2E0
#D5E1E0
#D6E5DB
#D7E4DB
#D7E4DB
#D8E3DB
#D9E2DB
#D9E2DB
#DAE1DB
#D9E6D6
#DAE5D6
#DBE4D6
#DCE4D6
#DDE3D6
#DEE2D6
#DFE1D6
#DDE7D2
#DEE6D2
#DFE5D2
#E0E4D2
#E1E3D2
#E2E2D2
#E3E1D2
#E1E9CC
#E2E8CC
#E4E6CC
#E5E5CC
#E6E4CC
#E7E3CC
#E9E1CC
Colorpallet from #CCE1E9 to #E9CCE1 and to #E9E1CC
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#CCE1E9
#D1DEE8
#D1DEE7
#D1DFE7
#D1DFE6
#D1E0E5
#D1E0E5
#D1E1E4
#D5DAE6
#D5DBE5
#D5DCE4
#D5DDE3
#D5DEE2
#D5E0E1
#D5E1E0
#DAD7E5
#DAD9E3
#DADAE2
#DADCE0
#DADDDF
#DADFDD
#DAE1DB
#DFD4E4
#DFD6E2
#DFD8E0
#DFDADD
#DFDCDB
#DFDED9
#DFE1D6
#E3D0E3
#E3D3E0
#E3D5DE
#E3D8DB
#E3DBD8
#E3DED5
#E3E1D2
#E9CCE1
#E9CFDE
#E9D3DA
#E9D6D7
#E9D9D4
#E9DDD0
#E9E1CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts