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 #E1E7CC to #E1CCE7 and to #E7E1CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E3D0
#E1E3CF
#E1E4CF
#E1E4CE
#E2E5CD
#E2E5CD
#E2E6CC
#E1DED5
#E1DFD4
#E2E0D2
#E2E1D1
#E2E2CF
#E3E4CE
#E3E5CC
#E1DAD9
#E1DCD7
#E2DDD5
#E2DFD3
#E3E0D1
#E3E2CF
#E4E4CC
#E1D6DD
#E2D8DA
#E2DAD8
#E3DCD5
#E4DED2
#E4E0CF
#E5E3CC
#E1D1E2
#E2D4DE
#E3D6DB
#E3D9D7
#E4DCD4
#E5DFD0
#E6E2CC
#E1CCE7
#E2CFE3
#E3D3DE
#E4D6DA
#E5D9D6
#E6DDD1
#E7E1CC
Colorpallet from #E1E7CC to #E1CCE7 and to #E7CCE1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E3D0
#E1E3D0
#E1E3D0
#E1E3D0
#E2E3CF
#E2E3CF
#E2E3CF
#E1DED5
#E1DED5
#E2DED4
#E2DED4
#E2DED4
#E3DED3
#E3DED3
#E1DAD9
#E1DAD9
#E2DAD8
#E2DAD8
#E3DAD7
#E3DAD7
#E4DAD6
#E1D6DD
#E2D6DC
#E2D6DC
#E3D6DB
#E4D6DA
#E4D6DA
#E5D6D9
#E1D1E2
#E2D1E1
#E3D1E0
#E3D1E0
#E4D1DF
#E5D1DE
#E6D1DD
#E1CCE7
#E2CCE6
#E3CCE5
#E4CCE4
#E5CCE3
#E6CCE2
#E7CCE1
Colorpallet from #E1E7CC to #E1CCE7 and to #CCE1E7
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E3D0
#E1E3D0
#E0E4D0
#E0E4D0
#DFE5D0
#DFE5D0
#DEE6D0
#E1DED5
#E0DFD5
#DFE0D5
#DEE1D5
#DDE2D5
#DBE4D5
#DAE5D5
#E1DAD9
#DFDCD9
#DEDDD9
#DCDFD9
#DBE0D9
#D9E2D9
#D7E4D9
#E1D6DD
#DFD8DD
#DDDADD
#DBDCDD
#D9DEDD
#D7E0DD
#D4E3DD
#E1D1E2
#DED4E2
#DCD6E2
#D9D9E2
#D6DCE2
#D3DFE2
#D0E2E2
#E1CCE7
#DECFE7
#DAD3E7
#D7D6E7
#D4D9E7
#D0DDE7
#CCE1E7
Colorpallet from #E1E7CC to #E1CCE7 and to #CCE7E1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E3D0
#E1E4D0
#E0E4D0
#E0E5D0
#DFE6CF
#DFE6CF
#DEE7CF
#E1DED5
#E0DFD5
#DFE1D4
#DEE2D4
#DDE4D4
#DBE5D3
#DAE7D3
#E1DAD9
#DFDCD9
#DEDED8
#DCE0D8
#DBE2D7
#D9E4D7
#D7E7D6
#E1D6DD
#DFD9DC
#DDDBDC
#DBDEDB
#D9E1DA
#D7E4DA
#D4E7D9
#E1D1E2
#DED5E1
#DCD8E0
#D9DCE0
#D6DFDF
#D3E3DE
#D0E7DD
#E1CCE7
#DED0E6
#DAD5E5
#D7D9E4
#D4DDE3
#D0E2E2
#CCE7E1
Colorpallet from #E1E7CC to #E7E1CC and to #E7CCE1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E2E6CC
#E2E6CC
#E2E5CD
#E2E5CD
#E2E4CE
#E2E4CE
#E2E3CF
#E3E5CC
#E3E4CD
#E3E3CE
#E3E2CF
#E3E1D0
#E3DFD2
#E3DED3
#E4E4CC
#E4E2CE
#E4E1CF
#E4DFD1
#E4DED2
#E4DCD4
#E4DAD6
#E5E3CC
#E5E1CE
#E5DFD0
#E5DDD2
#E5DBD4
#E5D9D6
#E5D6D9
#E6E2CC
#E6DFCF
#E6DDD1
#E6DAD4
#E6D7D7
#E6D4DA
#E6D1DD
#E7E1CC
#E7DECF
#E7DAD3
#E7D7D6
#E7D4D9
#E7D0DD
#E7CCE1
Colorpallet from #E1E7CC to #E7E1CC and to #CCE1E7
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E2E6CC
#E1E6CD
#E1E6CD
#E0E6CE
#DFE6CF
#DFE6CF
#DEE6D0
#E3E5CC
#E2E5CD
#E0E5CF
#DFE5D0
#DDE5D2
#DCE5D3
#DAE5D5
#E4E4CC
#E2E4CE
#E0E4D0
#DEE4D2
#DCE4D4
#DAE4D6
#D7E4D9
#E5E3CC
#E2E3CF
#E0E3D1
#DDE3D4
#DAE3D7
#D7E3DA
#D4E3DD
#E6E2CC
#E2E2D0
#DFE2D3
#DBE2D7
#D8E2DA
#D4E2DE
#D0E2E2
#E7E1CC
#E3E1D0
#DEE1D5
#DAE1D9
#D6E1DD
#D1E1E2
#CCE1E7
Colorpallet from #E1E7CC to #E7E1CC and to #CCE7E1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E2E6CC
#E1E6CC
#E1E6CD
#E0E6CD
#DFE7CE
#DFE7CE
#DEE7CF
#E3E5CC
#E2E5CD
#E0E6CE
#DFE6CF
#DDE6D0
#DCE7D2
#DAE7D3
#E4E4CC
#E2E4CE
#E0E5CF
#DEE5D1
#DCE6D2
#DAE6D4
#D7E7D6
#E5E3CC
#E2E4CE
#E0E4D0
#DDE5D2
#DAE6D4
#D7E6D6
#D4E7D9
#E6E2CC
#E2E3CF
#DFE4D1
#DBE4D4
#D8E5D7
#D4E6DA
#D0E7DD
#E7E1CC
#E3E2CF
#DEE3D3
#DAE4D6
#D6E5D9
#D1E6DD
#CCE7E1
Colorpallet from #E1E7CC to #E7CCE1 and to #CCE1E7
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E2E3CF
#E1E3CF
#E1E4CF
#E0E4CF
#DFE5D0
#DFE5D0
#DEE6D0
#E3DED3
#E2DFD3
#E0E0D4
#DFE1D4
#DDE2D4
#DCE4D5
#DAE5D5
#E4DAD6
#E2DCD6
#E0DDD7
#DEDFD7
#DCE0D8
#DAE2D8
#D7E4D9
#E5D6D9
#E2D8DA
#E0DADA
#DDDCDB
#DADEDC
#D7E0DC
#D4E3DD
#E6D1DD
#E2D4DE
#DFD6DF
#DBD9DF
#D8DCE0
#D4DFE1
#D0E2E2
#E7CCE1
#E3CFE2
#DED3E3
#DAD6E4
#D6D9E5
#D1DDE6
#CCE1E7
Colorpallet from #E1E7CC to #E7CCE1 and to #CCE7E1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E2E3CF
#E1E4CF
#E1E4CF
#E0E5CF
#DFE6CF
#DFE6CF
#DEE7CF
#E3DED3
#E2DFD3
#E0E1D3
#DFE2D3
#DDE4D3
#DCE5D3
#DAE7D3
#E4DAD6
#E2DCD6
#E0DED6
#DEE0D6
#DCE2D6
#DAE4D6
#D7E7D6
#E5D6D9
#E2D9D9
#E0DBD9
#DDDED9
#DAE1D9
#D7E4D9
#D4E7D9
#E6D1DD
#E2D5DD
#DFD8DD
#DBDCDD
#D8DFDD
#D4E3DD
#D0E7DD
#E7CCE1
#E3D0E1
#DED5E1
#DAD9E1
#D6DDE1
#D1E2E1
#CCE7E1
Colorpallet from #E1E7CC to #CCE1E7 and to #CCE7E1
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#E1E7CC
#DEE6D0
#DEE6D0
#DEE6D0
#DEE6D0
#DEE7CF
#DEE7CF
#DEE7CF
#DAE5D5
#DAE5D5
#DAE6D4
#DAE6D4
#DAE6D4
#DAE7D3
#DAE7D3
#D7E4D9
#D7E4D9
#D7E5D8
#D7E5D8
#D7E6D7
#D7E6D7
#D7E7D6
#D4E3DD
#D4E4DC
#D4E4DC
#D4E5DB
#D4E6DA
#D4E6DA
#D4E7D9
#D0E2E2
#D0E3E1
#D0E4E0
#D0E4E0
#D0E5DF
#D0E6DE
#D0E7DD
#CCE1E7
#CCE2E6
#CCE3E5
#CCE4E4
#CCE5E3
#CCE6E2
#CCE7E1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
