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 #CFDEE9 to #CFE9DE and to #DECFE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFE0E7
#CFDFE7
#D0DFE8
#D0DEE8
#D0DDE8
#D1DDE9
#D1DCE9
#CFE2E5
#D0E1E6
#D1DFE6
#D1DEE7
#D2DCE8
#D3DBE8
#D4D9E9
#CFE3E4
#D0E1E5
#D1DFE6
#D2DDE6
#D3DBE7
#D5D9E8
#D6D7E9
#CFE5E2
#D1E2E3
#D2E0E4
#D4DDE5
#D5DAE6
#D7D7E8
#D9D4E9
#CFE7E0
#D1E4E1
#D3E0E3
#D5DDE4
#D7DAE6
#D9D6E7
#DBD2E9
#CFE9DE
#D1E5E0
#D4E1E2
#D6DDE3
#D9D8E5
#DBD4E7
#DECFE9
Colorpallet from #CFDEE9 to #CFE9DE and to #DEE9CF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFE0E7
#CFE0E7
#D0E0E6
#D0E0E6
#D0E0E6
#D1E0E5
#D1E0E5
#CFE2E5
#D0E2E4
#D1E2E4
#D1E2E3
#D2E2E2
#D3E2E2
#D4E2E1
#CFE3E4
#D0E3E3
#D1E3E2
#D2E3E1
#D3E3E0
#D5E3DE
#D6E3DD
#CFE5E2
#D1E5E0
#D2E5DF
#D4E5DD
#D5E5DC
#D7E5DA
#D9E5D8
#CFE7E0
#D1E7DE
#D3E7DC
#D5E7DA
#D7E7D8
#D9E7D6
#DBE7D4
#CFE9DE
#D1E9DC
#D4E9D9
#D6E9D7
#D9E9D4
#DBE9D2
#DEE9CF
Colorpallet from #CFDEE9 to #CFE9DE and to #E9CFDE
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFE0E7
#D0DFE7
#D0DFE7
#D1DEE7
#D2DDE7
#D2DDE7
#D3DCE7
#CFE2E5
#D0E1E5
#D2DFE5
#D3DEE5
#D4DCE5
#D5DBE5
#D7D9E5
#CFE3E4
#D1E1E4
#D3DFE4
#D5DDE4
#D7DBE4
#D9D9E4
#DBD7E4
#CFE5E2
#D2E2E2
#D4E0E2
#D7DDE2
#DADAE2
#DDD7E2
#E0D4E2
#CFE7E0
#D2E4E0
#D6E0E0
#D9DDE0
#DCDAE0
#E0D6E0
#E4D2E0
#CFE9DE
#D3E5DE
#D7E1DE
#DBDDDE
#E0D8DE
#E4D4DE
#E9CFDE
Colorpallet from #CFDEE9 to #CFE9DE and to #E9DECF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFE0E7
#D0E0E7
#D0DFE6
#D1DFE6
#D2DFE6
#D2DEE5
#D3DEE5
#CFE2E5
#D0E1E4
#D2E1E4
#D3E0E3
#D4DFE2
#D5DFE2
#D7DEE1
#CFE3E4
#D1E2E3
#D3E1E2
#D5E1E1
#D7E0E0
#D9DFDE
#DBDEDD
#CFE5E2
#D2E4E0
#D4E3DF
#D7E2DD
#DAE1DC
#DDDFDA
#E0DED8
#CFE7E0
#D2E6DE
#D6E4DC
#D9E3DA
#DCE1D8
#E0E0D6
#E4DED4
#CFE9DE
#D3E7DC
#D7E5D9
#DBE4D7
#E0E2D4
#E4E0D2
#E9DECF
Colorpallet from #CFDEE9 to #DECFE9 and to #DEE9CF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D1DCE9
#D1DDE8
#D1DDE8
#D1DEE7
#D1DFE6
#D1DFE6
#D1E0E5
#D4D9E9
#D4DAE8
#D4DCE6
#D4DDE5
#D4DFE4
#D4E0E3
#D4E2E1
#D6D7E9
#D6D9E7
#D6DBE5
#D6DDE3
#D6DFE1
#D6E1DF
#D6E3DD
#D9D4E9
#D9D7E6
#D9D9E4
#D9DCE1
#D9DFDE
#D9E2DB
#D9E5D8
#DBD2E9
#DBD5E6
#DBD9E2
#DBDCDF
#DBDFDC
#DBE3D8
#DBE7D4
#DECFE9
#DED3E5
#DED7E1
#DEDBDD
#DEE0D8
#DEE4D4
#DEE9CF
Colorpallet from #CFDEE9 to #DECFE9 and to #E9CFDE
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D1DCE9
#D1DCE9
#D2DCE8
#D2DCE8
#D2DCE8
#D3DCE7
#D3DCE7
#D4D9E9
#D4D9E8
#D5D9E8
#D5D9E7
#D6D9E6
#D6D9E6
#D7D9E5
#D6D7E9
#D7D7E8
#D8D7E7
#D8D7E7
#D9D7E6
#DAD7E5
#DBD7E4
#D9D4E9
#DAD4E8
#DBD4E7
#DCD4E6
#DDD4E5
#DFD4E3
#E0D4E2
#DBD2E9
#DCD2E8
#DED2E6
#DFD2E5
#E1D2E3
#E2D2E2
#E4D2E0
#DECFE9
#E0CFE7
#E2CFE5
#E3CFE4
#E5CFE2
#E7CFE0
#E9CFDE
Colorpallet from #CFDEE9 to #DECFE9 and to #E9DECF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D1DCE9
#D1DCE8
#D2DDE8
#D2DDE7
#D2DDE6
#D3DEE6
#D3DEE5
#D4D9E9
#D4DAE8
#D5DBE6
#D5DBE5
#D6DCE4
#D6DDE3
#D7DEE1
#D6D7E9
#D7D8E7
#D8D9E5
#D8DAE3
#D9DBE1
#DADDDF
#DBDEDD
#D9D4E9
#DAD6E6
#DBD7E4
#DCD9E1
#DDDADE
#DFDCDB
#E0DED8
#DBD2E9
#DCD4E6
#DED6E2
#DFD8DF
#E1DADC
#E2DCD8
#E4DED4
#DECFE9
#E0D1E5
#E2D4E1
#E3D6DD
#E5D9D8
#E7DBD4
#E9DECF
Colorpallet from #CFDEE9 to #DEE9CF and to #E9CFDE
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D1E0E5
#D1DFE5
#D2DFE6
#D2DEE6
#D2DDE6
#D3DDE7
#D3DCE7
#D4E2E1
#D4E1E2
#D5DFE2
#D5DEE3
#D6DCE4
#D6DBE4
#D7D9E5
#D6E3DD
#D7E1DE
#D8DFDF
#D8DDE0
#D9DBE1
#DAD9E3
#DBD7E4
#D9E5D8
#DAE2DA
#DBE0DB
#DCDDDD
#DDDADE
#DFD7E0
#E0D4E2
#DBE7D4
#DCE4D6
#DEE0D8
#DFDDDA
#E1DADC
#E2D6DE
#E4D2E0
#DEE9CF
#E0E5D1
#E2E1D4
#E3DDD6
#E5D8D9
#E7D4DB
#E9CFDE
Colorpallet from #CFDEE9 to #DEE9CF and to #E9DECF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D1E0E5
#D1E0E5
#D2DFE5
#D2DFE5
#D2DFE5
#D3DEE5
#D3DEE5
#D4E2E1
#D4E1E1
#D5E1E1
#D5E0E1
#D6DFE1
#D6DFE1
#D7DEE1
#D6E3DD
#D7E2DD
#D8E1DD
#D8E1DD
#D9E0DD
#DADFDD
#DBDEDD
#D9E5D8
#DAE4D8
#DBE3D8
#DCE2D8
#DDE1D8
#DFDFD8
#E0DED8
#DBE7D4
#DCE6D4
#DEE4D4
#DFE3D4
#E1E1D4
#E2E0D4
#E4DED4
#DEE9CF
#E0E7CF
#E2E5CF
#E3E4CF
#E5E2CF
#E7E0CF
#E9DECF
Colorpallet from #CFDEE9 to #E9CFDE and to #E9DECF
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#CFDEE9
#D3DCE7
#D3DCE7
#D3DDE6
#D3DDE6
#D3DDE6
#D3DEE5
#D3DEE5
#D7D9E5
#D7DAE4
#D7DBE4
#D7DBE3
#D7DCE2
#D7DDE2
#D7DEE1
#DBD7E4
#DBD8E3
#DBD9E2
#DBDAE1
#DBDBE0
#DBDDDE
#DBDEDD
#E0D4E2
#E0D6E0
#E0D7DF
#E0D9DD
#E0DADC
#E0DCDA
#E0DED8
#E4D2E0
#E4D4DE
#E4D6DC
#E4D8DA
#E4DAD8
#E4DCD6
#E4DED4
#E9CFDE
#E9D1DC
#E9D4D9
#E9D6D7
#E9D9D4
#E9DBD2
#E9DECF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts