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 #CCE1E8 to #CCE8E1 and to #E1CCE8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE2E7
#CCE1E7
#CDE1E7
#CDE0E7
#CEDFE8
#CEDFE8
#CFDEE8
#CCE3E6
#CDE2E6
#CEE0E7
#CFDFE7
#D0DDE7
#D2DCE8
#D3DAE8
#CCE4E5
#CEE2E5
#CFE0E6
#D1DEE6
#D2DCE7
#D4DAE7
#D6D7E8
#CCE5E4
#CEE2E5
#D0E0E5
#D2DDE6
#D4DAE7
#D6D7E7
#D9D4E8
#CCE7E2
#CFE3E3
#D1E0E4
#D4DCE5
#D7D8E6
#DAD5E7
#DDD0E8
#CCE8E1
#CFE4E2
#D3DFE3
#D6DBE4
#D9D6E5
#DDD2E7
#E1CCE8
Colorpallet from #CCE1E8 to #CCE8E1 and to #E1E8CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE2E7
#CCE2E7
#CDE2E6
#CDE2E6
#CEE2E5
#CEE2E5
#CFE2E4
#CCE3E6
#CDE3E5
#CEE3E4
#CFE3E3
#D0E3E2
#D2E3E0
#D3E3DF
#CCE4E5
#CEE4E3
#CFE4E2
#D1E4E0
#D2E4DF
#D4E4DD
#D6E4DB
#CCE5E4
#CEE5E2
#D0E5E0
#D2E5DD
#D4E5DB
#D6E5D9
#D9E5D6
#CCE7E2
#CFE7DF
#D1E7DD
#D4E7DA
#D7E7D8
#DAE7D5
#DDE7D2
#CCE8E1
#CFE8DE
#D3E8DA
#D6E8D7
#D9E8D4
#DDE8D0
#E1E8CC
Colorpallet from #CCE1E8 to #CCE8E1 and to #E8CCE1
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE2E7
#CDE1E7
#CDE1E7
#CEE0E7
#CFDFE7
#CFDFE7
#D0DEE7
#CCE3E6
#CDE2E6
#CFE0E6
#D0DFE6
#D2DDE6
#D3DCE6
#D5DAE6
#CCE4E5
#CEE2E5
#D0E0E5
#D2DEE5
#D4DCE5
#D6DAE5
#D9D7E5
#CCE5E4
#CFE2E4
#D2E0E4
#D5DDE4
#D8DAE4
#DAD7E4
#DED4E4
#CCE7E2
#D0E3E2
#D3E0E2
#D7DCE2
#DAD8E2
#DED5E2
#E2D0E2
#CCE8E1
#D0E4E1
#D5DFE1
#D9DBE1
#DED6E1
#E2D2E1
#E8CCE1
Colorpallet from #CCE1E8 to #CCE8E1 and to #E8E1CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE2E7
#CDE2E7
#CDE2E6
#CEE2E6
#CFE1E5
#CFE1E5
#D0E1E4
#CCE3E6
#CDE3E5
#CFE2E4
#D0E2E3
#D2E2E2
#D3E1E0
#D5E1DF
#CCE4E5
#CEE4E3
#D0E3E2
#D2E3E0
#D4E2DF
#D6E2DD
#D9E1DB
#CCE5E4
#CFE4E2
#D2E4E0
#D5E3DD
#D8E2DB
#DAE2D9
#DEE1D6
#CCE7E2
#D0E6DF
#D3E5DD
#D7E4DA
#DAE3D8
#DEE2D5
#E2E1D2
#CCE8E1
#D0E7DE
#D5E6DA
#D9E5D7
#DEE4D4
#E2E2D0
#E8E1CC
Colorpallet from #CCE1E8 to #E1CCE8 and to #E1E8CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CFDEE8
#CFDFE7
#CFDFE7
#CFE0E6
#CFE1E5
#CFE1E5
#CFE2E4
#D3DAE8
#D3DBE7
#D3DDE5
#D3DEE4
#D3E0E2
#D3E1E1
#D3E3DF
#D6D7E8
#D6D9E6
#D6DBE4
#D6DDE2
#D6DFE0
#D6E1DE
#D6E4DB
#D9D4E8
#D9D7E5
#D9D9E2
#D9DCDF
#D9DFDC
#D9E2DA
#D9E5D6
#DDD0E8
#DDD4E4
#DDD7E1
#DDDBDD
#DDDFDA
#DDE2D6
#DDE7D2
#E1CCE8
#E1D0E4
#E1D5DF
#E1D9DB
#E1DED6
#E1E2D2
#E1E8CC
Colorpallet from #CCE1E8 to #E1CCE8 and to #E8CCE1
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CFDEE8
#CFDEE8
#CFDEE8
#CFDEE8
#D0DEE7
#D0DEE7
#D0DEE7
#D3DAE8
#D3DAE8
#D4DAE7
#D4DAE7
#D4DAE7
#D5DAE6
#D5DAE6
#D6D7E8
#D6D7E8
#D7D7E7
#D7D7E7
#D8D7E6
#D8D7E6
#D9D7E5
#D9D4E8
#DAD4E7
#DBD4E7
#DBD4E6
#DCD4E5
#DDD4E5
#DED4E4
#DDD0E8
#DED0E7
#DFD0E6
#DFD0E5
#E0D0E4
#E1D0E3
#E2D0E2
#E1CCE8
#E2CCE7
#E3CCE6
#E4CCE5
#E5CCE4
#E7CCE2
#E8CCE1
Colorpallet from #CCE1E8 to #E1CCE8 and to #E8E1CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CFDEE8
#CFDEE7
#CFDFE7
#CFDFE6
#D0E0E5
#D0E0E5
#D0E1E4
#D3DAE8
#D3DBE7
#D4DCE5
#D4DDE4
#D4DEE2
#D5E0E1
#D5E1DF
#D6D7E8
#D6D9E6
#D7DAE4
#D7DCE2
#D8DDE0
#D8DFDE
#D9E1DB
#D9D4E8
#DAD6E5
#DBD8E2
#DBDADF
#DCDCDC
#DDDEDA
#DEE1D6
#DDD0E8
#DED3E4
#DFD5E1
#DFD8DD
#E0DBDA
#E1DED6
#E2E1D2
#E1CCE8
#E2CFE4
#E3D3DF
#E4D6DB
#E5D9D6
#E7DDD2
#E8E1CC
Colorpallet from #CCE1E8 to #E1E8CC and to #E8CCE1
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CFE2E4
#CFE1E4
#CFE1E5
#CFE0E5
#D0DFE6
#D0DFE6
#D0DEE7
#D3E3DF
#D3E2E0
#D4E0E1
#D4DFE2
#D4DDE3
#D5DCE5
#D5DAE6
#D6E4DB
#D6E2DD
#D7E0DE
#D7DEE0
#D8DCE1
#D8DAE3
#D9D7E5
#D9E5D6
#DAE2D8
#DBE0DA
#DBDDDD
#DCDADF
#DDD7E1
#DED4E4
#DDE7D2
#DEE3D5
#DFE0D7
#DFDCDA
#E0D8DC
#E1D5DF
#E2D0E2
#E1E8CC
#E2E4CF
#E3DFD3
#E4DBD6
#E5D6D9
#E7D2DD
#E8CCE1
Colorpallet from #CCE1E8 to #E1E8CC and to #E8E1CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CFE2E4
#CFE2E4
#CFE2E4
#CFE2E4
#D0E1E4
#D0E1E4
#D0E1E4
#D3E3DF
#D3E3DF
#D4E2DF
#D4E2DF
#D4E2DF
#D5E1DF
#D5E1DF
#D6E4DB
#D6E4DB
#D7E3DB
#D7E3DB
#D8E2DB
#D8E2DB
#D9E1DB
#D9E5D6
#DAE4D6
#DBE4D6
#DBE3D6
#DCE2D6
#DDE2D6
#DEE1D6
#DDE7D2
#DEE6D2
#DFE5D2
#DFE4D2
#E0E3D2
#E1E2D2
#E2E1D2
#E1E8CC
#E2E7CC
#E3E6CC
#E4E5CC
#E5E4CC
#E7E2CC
#E8E1CC
Colorpallet from #CCE1E8 to #E8CCE1 and to #E8E1CC
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#CCE1E8
#D0DEE7
#D0DEE7
#D0DFE6
#D0DFE6
#D0E0E5
#D0E0E5
#D0E1E4
#D5DAE6
#D5DBE5
#D5DCE4
#D5DDE3
#D5DEE2
#D5E0E0
#D5E1DF
#D9D7E5
#D9D9E3
#D9DAE2
#D9DCE0
#D9DDDF
#D9DFDD
#D9E1DB
#DED4E4
#DED6E2
#DED8E0
#DEDADD
#DEDCDB
#DEDED9
#DEE1D6
#E2D0E2
#E2D3DF
#E2D5DD
#E2D8DA
#E2DBD8
#E2DED5
#E2E1D2
#E8CCE1
#E8CFDE
#E8D3DA
#E8D6D7
#E8D9D4
#E8DDD0
#E8E1CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts