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 #DFE8CF to #DFCFE8 and to #E8DFCF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE4D3
#DFE4D2
#DFE5D2
#DFE5D1
#E0E6D0
#E0E6D0
#E0E7CF
#DFE0D7
#DFE1D6
#E0E2D4
#E0E2D3
#E1E3D2
#E1E4D1
#E2E5CF
#DFDCDB
#E0DDD9
#E0DFD7
#E1E0D5
#E2E1D3
#E2E2D1
#E3E4CF
#DFD8DF
#E0DADC
#E1DBDA
#E2DDD7
#E3DED5
#E4E0D2
#E5E2CF
#DFD4E3
#E0D6E0
#E1D8DD
#E2DAD9
#E3DCD6
#E5DED3
#E6E1CF
#DFCFE8
#E0D2E4
#E2D4E0
#E3D7DC
#E5D9D8
#E6DCD4
#E8DFCF
Colorpallet from #DFE8CF to #DFCFE8 and to #E8CFDF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE4D3
#DFE4D3
#DFE4D3
#DFE4D3
#E0E4D2
#E0E4D2
#E0E4D2
#DFE0D7
#DFE0D7
#E0E0D6
#E0E0D6
#E1E0D5
#E1E0D5
#E2E0D4
#DFDCDB
#E0DCDA
#E0DCDA
#E1DCD9
#E2DCD8
#E2DCD8
#E3DCD7
#DFD8DF
#E0D8DE
#E1D8DD
#E2D8DC
#E3D8DB
#E4D8DA
#E5D8D9
#DFD4E3
#E0D4E2
#E1D4E1
#E2D4E0
#E3D4DF
#E5D4DD
#E6D4DC
#DFCFE8
#E0CFE7
#E2CFE5
#E3CFE4
#E5CFE2
#E6CFE1
#E8CFDF
Colorpallet from #DFE8CF to #DFCFE8 and to #CFDFE8
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE4D3
#DFE4D3
#DEE5D3
#DEE5D3
#DDE6D3
#DDE6D3
#DCE7D3
#DFE0D7
#DEE1D7
#DDE2D7
#DDE2D7
#DCE3D7
#DBE4D7
#DAE5D7
#DFDCDB
#DEDDDB
#DCDFDB
#DBE0DB
#DAE1DB
#D9E2DB
#D7E4DB
#DFD8DF
#DDDADF
#DCDBDF
#DADDDF
#D9DEDF
#D7E0DF
#D5E2DF
#DFD4E3
#DDD6E3
#DBD8E3
#D9DAE3
#D7DCE3
#D5DEE3
#D2E1E3
#DFCFE8
#DCD2E8
#DAD4E8
#D7D7E8
#D5D9E8
#D2DCE8
#CFDFE8
Colorpallet from #DFE8CF to #DFCFE8 and to #CFE8DF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE4D3
#DFE5D3
#DEE5D3
#DEE6D3
#DDE7D2
#DDE7D2
#DCE8D2
#DFE0D7
#DEE1D7
#DDE3D6
#DDE4D6
#DCE5D5
#DBE6D5
#DAE8D4
#DFDCDB
#DEDEDA
#DCE0DA
#DBE2D9
#DAE4D8
#D9E6D8
#D7E8D7
#DFD8DF
#DDDBDE
#DCDDDD
#DAE0DC
#D9E2DB
#D7E5DA
#D5E8D9
#DFD4E3
#DDD7E2
#DBDAE1
#D9DEE0
#D7E1DF
#D5E4DD
#D2E8DC
#DFCFE8
#DCD3E7
#DAD7E5
#D7DBE4
#D5DFE2
#D2E3E1
#CFE8DF
Colorpallet from #DFE8CF to #E8DFCF and to #E8CFDF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#E0E7CF
#E0E7CF
#E0E6D0
#E0E6D0
#E0E5D1
#E0E5D1
#E0E4D2
#E2E5CF
#E2E4D0
#E2E3D1
#E2E3D1
#E2E2D2
#E2E1D3
#E2E0D4
#E3E4CF
#E3E3D0
#E3E1D2
#E3E0D3
#E3DFD4
#E3DED5
#E3DCD7
#E5E2CF
#E5E0D1
#E5DFD2
#E5DDD4
#E5DCD5
#E5DAD7
#E5D8D9
#E6E1CF
#E6DFD1
#E6DDD3
#E6DBD5
#E6D9D7
#E6D7D9
#E6D4DC
#E8DFCF
#E8DCD2
#E8DAD4
#E8D7D7
#E8D5D9
#E8D2DC
#E8CFDF
Colorpallet from #DFE8CF to #E8DFCF and to #CFDFE8
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#E0E7CF
#DFE7D0
#DFE7D0
#DEE7D1
#DDE7D2
#DDE7D2
#DCE7D3
#E2E5CF
#E1E5D0
#DFE5D2
#DEE5D3
#DDE5D4
#DCE5D5
#DAE5D7
#E3E4CF
#E1E4D1
#DFE4D3
#DDE4D5
#DBE4D7
#D9E4D9
#D7E4DB
#E5E2CF
#E2E2D2
#E0E2D4
#DDE2D7
#DBE2D9
#D8E2DC
#D5E2DF
#E6E1CF
#E3E1D2
#E0E1D5
#DCE1D9
#D9E1DC
#D6E1DF
#D2E1E3
#E8DFCF
#E4DFD3
#E0DFD7
#DCDFDB
#D8DFDF
#D4DFE3
#CFDFE8
Colorpallet from #DFE8CF to #E8DFCF and to #CFE8DF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#E0E7CF
#DFE7CF
#DFE7D0
#DEE7D0
#DDE8D1
#DDE8D1
#DCE8D2
#E2E5CF
#E1E5D0
#DFE6D1
#DEE6D1
#DDE7D2
#DCE7D3
#DAE8D4
#E3E4CF
#E1E5D0
#DFE5D2
#DDE6D3
#DBE7D4
#D9E7D5
#D7E8D7
#E5E2CF
#E2E3D1
#E0E4D2
#DDE5D4
#DBE6D5
#D8E7D7
#D5E8D9
#E6E1CF
#E3E2D1
#E0E3D3
#DCE4D5
#D9E5D7
#D6E7D9
#D2E8DC
#E8DFCF
#E4E0D2
#E0E2D4
#DCE3D7
#D8E5D9
#D4E6DC
#CFE8DF
Colorpallet from #DFE8CF to #E8CFDF and to #CFDFE8
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#E0E4D2
#DFE4D2
#DFE5D2
#DEE5D2
#DDE6D3
#DDE6D3
#DCE7D3
#E2E0D4
#E1E1D4
#DFE2D5
#DEE2D5
#DDE3D6
#DCE4D6
#DAE5D7
#E3DCD7
#E1DDD8
#DFDFD8
#DDE0D9
#DBE1DA
#D9E2DA
#D7E4DB
#E5D8D9
#E2DADA
#E0DBDB
#DDDDDC
#DBDEDD
#D8E0DE
#D5E2DF
#E6D4DC
#E3D6DD
#E0D8DE
#DCDADF
#D9DCE0
#D6DEE2
#D2E1E3
#E8CFDF
#E4D2E0
#E0D4E2
#DCD7E3
#D8D9E5
#D4DCE6
#CFDFE8
Colorpallet from #DFE8CF to #E8CFDF and to #CFE8DF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#E0E4D2
#DFE5D2
#DFE5D2
#DEE6D2
#DDE7D2
#DDE7D2
#DCE8D2
#E2E0D4
#E1E1D4
#DFE3D4
#DEE4D4
#DDE5D4
#DCE6D4
#DAE8D4
#E3DCD7
#E1DED7
#DFE0D7
#DDE2D7
#DBE4D7
#D9E6D7
#D7E8D7
#E5D8D9
#E2DBD9
#E0DDD9
#DDE0D9
#DBE2D9
#D8E5D9
#D5E8D9
#E6D4DC
#E3D7DC
#E0DADC
#DCDEDC
#D9E1DC
#D6E4DC
#D2E8DC
#E8CFDF
#E4D3DF
#E0D7DF
#DCDBDF
#D8DFDF
#D4E3DF
#CFE8DF
Colorpallet from #DFE8CF to #CFDFE8 and to #CFE8DF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DFE8CF
#DCE7D3
#DCE7D3
#DCE7D3
#DCE7D3
#DCE8D2
#DCE8D2
#DCE8D2
#DAE5D7
#DAE5D7
#DAE6D6
#DAE6D6
#DAE7D5
#DAE7D5
#DAE8D4
#D7E4DB
#D7E5DA
#D7E5DA
#D7E6D9
#D7E7D8
#D7E7D8
#D7E8D7
#D5E2DF
#D5E3DE
#D5E4DD
#D5E5DC
#D5E6DB
#D5E7DA
#D5E8D9
#D2E1E3
#D2E2E2
#D2E3E1
#D2E4E0
#D2E5DF
#D2E7DD
#D2E8DC
#CFDFE8
#CFE0E7
#CFE2E5
#CFE3E4
#CFE5E2
#CFE6E1
#CFE8DF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
