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 #DCD6ED to #DCEDD6 and to #D6DCED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCDAE9
#DCDAEA
#DCD9EA
#DCD9EB
#DBD8EC
#DBD8EC
#DBD7ED
#DCDDE6
#DCDCE7
#DBDBE8
#DBDBE9
#DBDAEA
#DAD9EC
#DAD8ED
#DCE1E2
#DCE0E4
#DBDEE6
#DBDDE7
#DADCE9
#DADBEB
#D9D9ED
#DCE5DE
#DBE3E0
#DBE1E3
#DAE0E5
#D9DEE8
#D9DCEA
#D8DAED
#DCE8DB
#DBE6DE
#DAE4E1
#DAE2E4
#D9E0E7
#D8DEE9
#D7DBED
#DCEDD6
#DBEADA
#DAE8DD
#D9E5E1
#D8E2E5
#D7DFE8
#D6DCED
Colorpallet from #DCD6ED to #DCEDD6 and to #D6EDDC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCDAE9
#DCDAE9
#DCDAE9
#DCDAE9
#DBDAEA
#DBDAEA
#DBDAEA
#DCDDE6
#DCDDE6
#DBDDE7
#DBDDE7
#DBDDE7
#DADDE8
#DADDE8
#DCE1E2
#DCE1E2
#DBE1E3
#DBE1E3
#DAE1E4
#DAE1E4
#D9E1E5
#DCE5DE
#DBE5DF
#DBE5DF
#DAE5E0
#D9E5E1
#D9E5E1
#D8E5E2
#DCE8DB
#DBE8DC
#DAE8DC
#DAE8DD
#D9E8DE
#D8E8DE
#D7E8DF
#DCEDD6
#DBEDD7
#DAEDD8
#D9EDD9
#D8EDDA
#D7EDDB
#D6EDDC
Colorpallet from #DCD6ED to #DCEDD6 and to #EDDCD6
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCDAE9
#DCDAE9
#DDD9E9
#DDD9E9
#DED8E9
#DED8E9
#DFD7E9
#DCDDE6
#DDDCE6
#DEDBE6
#DEDBE6
#DFDAE6
#E0D9E6
#E1D8E6
#DCE1E2
#DDE0E2
#DFDEE2
#E0DDE2
#E1DCE2
#E2DBE2
#E4D9E2
#DCE5DE
#DEE3DE
#E0E1DE
#E1E0DE
#E3DEDE
#E5DCDE
#E7DADE
#DCE8DB
#DEE6DB
#E0E4DB
#E3E2DB
#E5E0DB
#E7DEDB
#EADBDB
#DCEDD6
#DFEAD6
#E1E8D6
#E4E5D6
#E7E2D6
#EADFD6
#EDDCD6
Colorpallet from #DCD6ED to #DCEDD6 and to #EDD6DC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCDAE9
#DCD9E9
#DDD9E9
#DDD8E9
#DED7EA
#DED7EA
#DFD6EA
#DCDDE6
#DDDCE6
#DEDBE7
#DEDAE7
#DFD9E7
#E0D7E8
#E1D6E8
#DCE1E2
#DDDFE2
#DFDDE3
#E0DCE3
#E1DAE4
#E2D8E4
#E4D6E5
#DCE5DE
#DEE3DF
#E0E0DF
#E1DEE0
#E3DBE1
#E5D9E1
#E7D6E2
#DCE8DB
#DEE5DC
#E0E2DC
#E3DFDD
#E5DCDE
#E7DADE
#EAD6DF
#DCEDD6
#DFE9D7
#E1E6D8
#E4E2D9
#E7DEDA
#EADBDB
#EDD6DC
Colorpallet from #DCD6ED to #D6DCED and to #D6EDDC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DBD7ED
#DBD7ED
#DBD8EC
#DBD8EC
#DBD9EB
#DBD9EB
#DBDAEA
#DAD8ED
#DAD9EC
#DADAEB
#DADAEB
#DADBEA
#DADCE9
#DADDE8
#D9D9ED
#D9DAEC
#D9DCEA
#D9DDE9
#D9DEE8
#D9DFE7
#D9E1E5
#D8DAED
#D8DCEB
#D8DEE9
#D8DFE8
#D8E1E6
#D8E3E4
#D8E5E2
#D7DBED
#D7DDEB
#D7DFE9
#D7E1E6
#D7E3E4
#D7E5E2
#D7E8DF
#D6DCED
#D6DFEA
#D6E1E8
#D6E4E5
#D6E7E2
#D6EADF
#D6EDDC
Colorpallet from #DCD6ED to #D6DCED and to #EDDCD6
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DBD7ED
#DCD7EC
#DCD7EC
#DDD7EB
#DED7EA
#DED7EA
#DFD7E9
#DAD8ED
#DBD8EC
#DCD8EB
#DDD8EA
#DED8E9
#E0D8E7
#E1D8E6
#D9D9ED
#DBD9EB
#DDD9E9
#DED9E8
#E0D9E6
#E2D9E4
#E4D9E2
#D8DAED
#DADAEB
#DDDAE8
#DFDAE6
#E2DAE3
#E4DAE1
#E7DADE
#D7DBED
#DADBEA
#DDDBE7
#E0DBE4
#E3DBE1
#E6DBDF
#EADBDB
#D6DCED
#DADCE9
#DDDCE6
#E1DCE2
#E5DCDE
#E8DCDB
#EDDCD6
Colorpallet from #DCD6ED to #D6DCED and to #EDD6DC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DBD7ED
#DCD7ED
#DCD7EC
#DDD7EC
#DED6EB
#DED6EB
#DFD6EA
#DAD8ED
#DBD8EC
#DCD7EB
#DDD7EB
#DED7EA
#E0D6E9
#E1D6E8
#D9D9ED
#DBD9EC
#DDD8EA
#DED8E9
#E0D7E8
#E2D7E7
#E4D6E5
#D8DAED
#DAD9EB
#DDD9E9
#DFD8E8
#E2D7E6
#E4D7E4
#E7D6E2
#D7DBED
#DADAEB
#DDD9E9
#E0D9E6
#E3D8E4
#E6D7E2
#EAD6DF
#D6DCED
#DADBEA
#DDDAE8
#E1D9E5
#E5D8E2
#E8D7DF
#EDD6DC
Colorpallet from #DCD6ED to #D6EDDC and to #EDDCD6
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DBDAEA
#DCDAEA
#DCD9EA
#DDD9EA
#DED8E9
#DED8E9
#DFD7E9
#DADDE8
#DBDCE8
#DCDBE7
#DDDBE7
#DEDAE7
#E0D9E6
#E1D8E6
#D9E1E5
#DBE0E5
#DDDEE4
#DEDDE4
#E0DCE3
#E2DBE3
#E4D9E2
#D8E5E2
#DAE3E1
#DDE1E1
#DFE0E0
#E2DEDF
#E4DCDF
#E7DADE
#D7E8DF
#DAE6DE
#DDE4DE
#E0E2DD
#E3E0DC
#E6DEDC
#EADBDB
#D6EDDC
#DAEADB
#DDE8DA
#E1E5D9
#E5E2D8
#E8DFD7
#EDDCD6
Colorpallet from #DCD6ED to #D6EDDC and to #EDD6DC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DBDAEA
#DCD9EA
#DCD9EA
#DDD8EA
#DED7EA
#DED7EA
#DFD6EA
#DADDE8
#DBDCE8
#DCDBE8
#DDDAE8
#DED9E8
#E0D7E8
#E1D6E8
#D9E1E5
#DBDFE5
#DDDDE5
#DEDCE5
#E0DAE5
#E2D8E5
#E4D6E5
#D8E5E2
#DAE3E2
#DDE0E2
#DFDEE2
#E2DBE2
#E4D9E2
#E7D6E2
#D7E8DF
#DAE5DF
#DDE2DF
#E0DFDF
#E3DCDF
#E6DADF
#EAD6DF
#D6EDDC
#DAE9DC
#DDE6DC
#E1E2DC
#E5DEDC
#E8DBDC
#EDD6DC
Colorpallet from #DCD6ED to #EDDCD6 and to #EDD6DC
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DCD6ED
#DFD7E9
#DFD7E9
#DFD7E9
#DFD7E9
#DFD6EA
#DFD6EA
#DFD6EA
#E1D8E6
#E1D8E6
#E1D7E7
#E1D7E7
#E1D7E7
#E1D6E8
#E1D6E8
#E4D9E2
#E4D9E2
#E4D8E3
#E4D8E3
#E4D7E4
#E4D7E4
#E4D6E5
#E7DADE
#E7D9DF
#E7D9DF
#E7D8E0
#E7D7E1
#E7D7E1
#E7D6E2
#EADBDB
#EADADC
#EAD9DC
#EAD9DD
#EAD8DE
#EAD7DE
#EAD6DF
#EDDCD6
#EDDBD7
#EDDAD8
#EDD9D9
#EDD8DA
#EDD7DB
#EDD6DC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
