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 #D1D8EC to #D1ECD8 and to #D8D1EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1DBE9
#D1DAE9
#D1DAEA
#D1D9EA
#D2D8EB
#D2D8EB
#D2D7EC
#D1DEE6
#D1DDE7
#D2DBE8
#D2DAE9
#D2D9EA
#D3D8EB
#D3D6EC
#D1E2E2
#D1E0E4
#D2DEE5
#D2DCE7
#D3DAE8
#D3D8EA
#D4D5EC
#D1E5DF
#D2E2E1
#D2E0E3
#D3DDE5
#D4DAE7
#D4D7E9
#D5D4EC
#D1E8DC
#D2E4DF
#D3E1E1
#D4DDE4
#D5DAE6
#D6D6E9
#D7D2EC
#D1ECD8
#D2E8DB
#D3E3DE
#D4DFE2
#D5DBE5
#D7D6E8
#D8D1EC
Colorpallet from #D1D8EC to #D1ECD8 and to #D8ECD1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1DBE9
#D1DBE9
#D1DBE9
#D1DBE9
#D2DBE8
#D2DBE8
#D2DBE8
#D1DEE6
#D1DEE6
#D2DEE5
#D2DEE5
#D2DEE4
#D3DEE4
#D3DEE3
#D1E2E2
#D1E2E2
#D2E2E1
#D2E2E1
#D3E2E0
#D3E2E0
#D4E2DF
#D1E5DF
#D2E5DE
#D2E5DE
#D3E5DD
#D4E5DC
#D4E5DC
#D5E5DB
#D1E8DC
#D2E8DB
#D3E8DA
#D4E8D9
#D5E8D8
#D6E8D7
#D7E8D6
#D1ECD8
#D2ECD7
#D3ECD6
#D4ECD5
#D5ECD4
#D7ECD2
#D8ECD1
Colorpallet from #D1D8EC to #D1ECD8 and to #ECD1D8
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1DBE9
#D2DAE9
#D2DAE9
#D3D9E9
#D4D8E9
#D4D8E9
#D5D7E9
#D1DEE6
#D2DDE6
#D4DBE6
#D5DAE6
#D7D9E6
#D8D8E6
#DAD6E6
#D1E2E2
#D3E0E2
#D5DEE2
#D7DCE2
#D9DAE2
#DBD8E2
#DED5E2
#D1E5DF
#D4E2DF
#D6E0DF
#D9DDDF
#DCDADF
#DFD7DF
#E2D4DF
#D1E8DC
#D5E4DC
#D8E1DC
#DCDDDC
#DFDADC
#E3D6DC
#E7D2DC
#D1ECD8
#D5E8D8
#DAE3D8
#DEDFD8
#E2DBD8
#E7D6D8
#ECD1D8
Colorpallet from #D1D8EC to #D1ECD8 and to #ECD8D1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1DBE9
#D2DBE9
#D2DAE9
#D3DAE9
#D4D9E8
#D4D9E8
#D5D8E8
#D1DEE6
#D2DDE6
#D4DCE5
#D5DBE5
#D7DAE4
#D8D9E4
#DAD8E3
#D1E2E2
#D3E0E2
#D5DFE1
#D7DDE1
#D9DCE0
#DBDAE0
#DED8DF
#D1E5DF
#D4E3DE
#D6E1DE
#D9DFDD
#DCDDDC
#DFDBDC
#E2D8DB
#D1E8DC
#D5E5DB
#D8E3DA
#DCE0D9
#DFDED8
#E3DBD7
#E7D8D6
#D1ECD8
#D5E9D7
#DAE6D6
#DEE2D5
#E2DFD4
#E7DCD2
#ECD8D1
Colorpallet from #D1D8EC to #D8D1EC and to #D8ECD1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D2D7EC
#D2D8EB
#D2D8EB
#D2D9EA
#D2DAE9
#D2DAE9
#D2DBE8
#D3D6EC
#D3D7EB
#D3D9E9
#D3DAE8
#D3DBE6
#D3DCE5
#D3DEE3
#D4D5EC
#D4D7EA
#D4D9E8
#D4DBE6
#D4DDE4
#D4DFE2
#D4E2DF
#D5D4EC
#D5D7E9
#D5D9E7
#D5DCE4
#D5DFE1
#D5E2DE
#D5E5DB
#D7D2EC
#D7D6E8
#D7D9E5
#D7DDE1
#D7E0DE
#D7E4DA
#D7E8D6
#D8D1EC
#D8D5E8
#D8DAE3
#D8DEDF
#D8E2DB
#D8E7D6
#D8ECD1
Colorpallet from #D1D8EC to #D8D1EC and to #ECD1D8
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D2D7EC
#D2D7EC
#D3D7EB
#D3D7EB
#D4D7EA
#D4D7EA
#D5D7E9
#D3D6EC
#D4D6EB
#D5D6EA
#D6D6E9
#D7D6E8
#D9D6E7
#DAD6E6
#D4D5EC
#D6D5EA
#D7D5E9
#D9D5E7
#DAD5E6
#DCD5E4
#DED5E2
#D5D4EC
#D7D4EA
#D9D4E8
#DBD4E6
#DDD4E4
#DFD4E2
#E2D4DF
#D7D2EC
#DAD2E9
#DCD2E7
#DFD2E4
#E1D2E2
#E4D2DF
#E7D2DC
#D8D1EC
#DBD1E9
#DED1E6
#E2D1E2
#E5D1DF
#E8D1DC
#ECD1D8
Colorpallet from #D1D8EC to #D8D1EC and to #ECD8D1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D2D7EC
#D2D7EB
#D3D7EB
#D3D7EA
#D4D8E9
#D4D8E9
#D5D8E8
#D3D6EC
#D4D6EB
#D5D7E9
#D6D7E8
#D7D7E6
#D9D8E5
#DAD8E3
#D4D5EC
#D6D5EA
#D7D6E8
#D9D6E6
#DAD7E4
#DCD7E2
#DED8DF
#D5D4EC
#D7D5E9
#D9D5E7
#DBD6E4
#DDD7E1
#DFD7DE
#E2D8DB
#D7D2EC
#DAD3E8
#DCD4E5
#DFD5E1
#E1D6DE
#E4D7DA
#E7D8D6
#D8D1EC
#DBD2E8
#DED3E3
#E2D4DF
#E5D5DB
#E8D7D6
#ECD8D1
Colorpallet from #D1D8EC to #D8ECD1 and to #ECD1D8
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D2DBE8
#D2DAE8
#D3DAE8
#D3D9E8
#D4D8E9
#D4D8E9
#D5D7E9
#D3DEE3
#D4DDE3
#D5DBE4
#D6DAE4
#D7D9E5
#D9D8E5
#DAD6E6
#D4E2DF
#D6E0DF
#D7DEE0
#D9DCE0
#DADAE1
#DCD8E1
#DED5E2
#D5E5DB
#D7E2DC
#D9E0DC
#DBDDDD
#DDDADE
#DFD7DE
#E2D4DF
#D7E8D6
#DAE4D7
#DCE1D8
#DFDDD9
#E1DADA
#E4D6DB
#E7D2DC
#D8ECD1
#DBE8D2
#DEE3D3
#E2DFD4
#E5DBD5
#E8D6D7
#ECD1D8
Colorpallet from #D1D8EC to #D8ECD1 and to #ECD8D1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D2DBE8
#D2DBE8
#D3DAE8
#D3DAE8
#D4D9E8
#D4D9E8
#D5D8E8
#D3DEE3
#D4DDE3
#D5DCE3
#D6DBE3
#D7DAE3
#D9D9E3
#DAD8E3
#D4E2DF
#D6E0DF
#D7DFDF
#D9DDDF
#DADCDF
#DCDADF
#DED8DF
#D5E5DB
#D7E3DB
#D9E1DB
#DBDFDB
#DDDDDB
#DFDBDB
#E2D8DB
#D7E8D6
#DAE5D6
#DCE3D6
#DFE0D6
#E1DED6
#E4DBD6
#E7D8D6
#D8ECD1
#DBE9D1
#DEE6D1
#E2E2D1
#E5DFD1
#E8DCD1
#ECD8D1
Colorpallet from #D1D8EC to #ECD1D8 and to #ECD8D1
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D1D8EC
#D5D7E9
#D5D7E9
#D5D7E9
#D5D7E9
#D5D8E8
#D5D8E8
#D5D8E8
#DAD6E6
#DAD6E6
#DAD7E5
#DAD7E5
#DAD7E4
#DAD8E4
#DAD8E3
#DED5E2
#DED5E2
#DED6E1
#DED6E1
#DED7E0
#DED7E0
#DED8DF
#E2D4DF
#E2D5DE
#E2D5DE
#E2D6DD
#E2D7DC
#E2D7DC
#E2D8DB
#E7D2DC
#E7D3DB
#E7D4DA
#E7D5D9
#E7D6D8
#E7D7D7
#E7D8D6
#ECD1D8
#ECD2D7
#ECD3D6
#ECD4D5
#ECD5D4
#ECD7D2
#ECD8D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
