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 #CDE5EA to #CDEAE5 and to #E5CDEA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE6E9
#CEE5E9
#CEE4E9
#CFE4E9
#D0E3EA
#D0E2EA
#D1E1EA
#CDE7E8
#CEE5E8
#D0E4E9
#D1E2E9
#D2E1E9
#D3DFEA
#D5DDEA
#CDE7E8
#CFE5E8
#D1E3E9
#D3E0E9
#D5DEE9
#D7DCEA
#D9D9EA
#CDE8E7
#CFE5E7
#D2E2E8
#D4DFE8
#D7DCE9
#D9DAE9
#DCD6EA
#CDE9E6
#D0E5E7
#D3E2E7
#D6DEE8
#D9DAE9
#DCD7E9
#E0D2EA
#CDEAE5
#D1E5E6
#D5E1E7
#D9DCE7
#DCD7E8
#E0D3E9
#E5CDEA
Colorpallet from #CDE5EA to #CDEAE5 and to #E5EACD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE6E9
#CEE6E8
#CEE6E8
#CFE6E7
#D0E6E6
#D0E6E6
#D1E6E5
#CDE7E8
#CEE7E7
#D0E7E6
#D1E7E5
#D2E7E4
#D3E7E2
#D5E7E1
#CDE7E8
#CFE7E6
#D1E7E4
#D3E7E2
#D5E7E0
#D7E7DE
#D9E7DC
#CDE8E7
#CFE8E4
#D2E8E2
#D4E8DF
#D7E8DD
#D9E8DA
#DCE8D7
#CDE9E6
#D0E9E3
#D3E9E0
#D6E9DD
#D9E9DA
#DCE9D7
#E0E9D3
#CDEAE5
#D1EAE1
#D5EADD
#D9EAD9
#DCEAD6
#E0EAD2
#E5EACD
Colorpallet from #CDE5EA to #CDEAE5 and to #EACDE5
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE6E9
#CEE5E9
#CFE4E9
#CFE4E9
#D0E3E9
#D1E2E9
#D2E1E9
#CDE7E8
#CEE5E8
#D0E4E8
#D1E2E8
#D3E1E8
#D4DFE8
#D6DDE8
#CDE7E8
#CFE5E8
#D1E3E8
#D4E0E8
#D6DEE8
#D8DCE8
#DBD9E8
#CDE8E7
#D0E5E7
#D3E2E7
#D6DFE7
#D9DCE7
#DCDAE7
#E0D6E7
#CDE9E6
#D1E5E6
#D4E2E6
#D8DEE6
#DCDAE6
#DFD7E6
#E4D2E6
#CDEAE5
#D2E5E5
#D6E1E5
#DBDCE5
#E0D7E5
#E4D3E5
#EACDE5
Colorpallet from #CDE5EA to #CDEAE5 and to #EAE5CD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE6E9
#CEE6E8
#CFE6E8
#CFE6E7
#D0E5E6
#D1E5E6
#D2E5E5
#CDE7E8
#CEE7E7
#D0E6E6
#D1E6E5
#D3E6E4
#D4E5E2
#D6E5E1
#CDE7E8
#CFE7E6
#D1E6E4
#D4E6E2
#D6E6E0
#D8E5DE
#DBE5DC
#CDE8E7
#D0E8E4
#D3E7E2
#D6E7DF
#D9E6DD
#DCE6DA
#E0E5D7
#CDE9E6
#D1E8E3
#D4E8E0
#D8E7DD
#DCE6DA
#DFE6D7
#E4E5D3
#CDEAE5
#D2E9E1
#D6E8DD
#DBE8D9
#E0E7D6
#E4E6D2
#EAE5CD
Colorpallet from #CDE5EA to #E5CDEA and to #E5EACD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D1E1EA
#D1E2E9
#D1E3E8
#D1E3E8
#D1E4E7
#D1E5E6
#D1E6E5
#D5DDEA
#D5DFE9
#D5E0E7
#D5E2E6
#D5E3E4
#D5E5E3
#D5E7E1
#D9D9EA
#D9DBE8
#D9DDE6
#D9E0E3
#D9E2E1
#D9E4DF
#D9E7DC
#DCD6EA
#DCD9E7
#DCDCE4
#DCDFE1
#DCE2DE
#DCE4DB
#DCE8D7
#E0D2EA
#E0D6E6
#E0D9E3
#E0DDDF
#E0E1DB
#E0E4D8
#E0E9D3
#E5CDEA
#E5D2E5
#E5D6E1
#E5DBDC
#E5E0D7
#E5E4D3
#E5EACD
Colorpallet from #CDE5EA to #E5CDEA and to #EACDE5
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D1E1EA
#D1E1EA
#D1E1EA
#D1E1EA
#D2E1E9
#D2E1E9
#D2E1E9
#D5DDEA
#D5DDEA
#D5DDE9
#D5DDE9
#D6DDE9
#D6DDE8
#D6DDE8
#D9D9EA
#D9D9EA
#DAD9E9
#DAD9E9
#DAD9E9
#DBD9E8
#DBD9E8
#DCD6EA
#DDD6EA
#DDD6E9
#DED6E9
#DFD6E8
#DFD6E8
#E0D6E7
#E0D2EA
#E1D2E9
#E1D2E9
#E2D2E8
#E3D2E7
#E3D2E7
#E4D2E6
#E5CDEA
#E6CDE9
#E7CDE8
#E7CDE8
#E8CDE7
#E9CDE6
#EACDE5
Colorpallet from #CDE5EA to #E5CDEA and to #EAE5CD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D1E1EA
#D1E2E9
#D1E2E8
#D1E3E8
#D2E4E7
#D2E4E6
#D2E5E5
#D5DDEA
#D5DEE9
#D5E0E7
#D5E1E6
#D6E2E4
#D6E3E3
#D6E5E1
#D9D9EA
#D9DBE8
#DADDE6
#DADFE3
#DAE1E1
#DBE3DF
#DBE5DC
#DCD6EA
#DDD8E7
#DDDBE4
#DEDDE1
#DFE0DE
#DFE2DB
#E0E5D7
#E0D2EA
#E1D5E6
#E1D8E3
#E2DBDF
#E3DEDB
#E3E1D8
#E4E5D3
#E5CDEA
#E6D1E5
#E7D5E1
#E7D9DC
#E8DCD7
#E9E0D3
#EAE5CD
Colorpallet from #CDE5EA to #E5EACD and to #EACDE5
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D1E6E5
#D1E5E6
#D1E4E6
#D1E4E7
#D2E3E8
#D2E2E8
#D2E1E9
#D5E7E1
#D5E5E2
#D5E4E3
#D5E2E4
#D6E1E5
#D6DFE7
#D6DDE8
#D9E7DC
#D9E5DE
#DAE3E0
#DAE0E2
#DADEE4
#DBDCE6
#DBD9E8
#DCE8D7
#DDE5DA
#DDE2DC
#DEDFDF
#DFDCE1
#DFDAE4
#E0D6E7
#E0E9D3
#E1E5D6
#E1E2D9
#E2DEDC
#E3DADF
#E3D7E2
#E4D2E6
#E5EACD
#E6E5D1
#E7E1D5
#E7DCD9
#E8D7DC
#E9D3E0
#EACDE5
Colorpallet from #CDE5EA to #E5EACD and to #EAE5CD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D1E6E5
#D1E6E5
#D1E6E5
#D1E6E5
#D2E5E5
#D2E5E5
#D2E5E5
#D5E7E1
#D5E7E1
#D5E6E1
#D5E6E1
#D6E6E1
#D6E5E1
#D6E5E1
#D9E7DC
#D9E7DC
#DAE6DC
#DAE6DC
#DAE6DC
#DBE5DC
#DBE5DC
#DCE8D7
#DDE8D7
#DDE7D7
#DEE7D7
#DFE6D7
#DFE6D7
#E0E5D7
#E0E9D3
#E1E8D3
#E1E8D3
#E2E7D3
#E3E6D3
#E3E6D3
#E4E5D3
#E5EACD
#E6E9CD
#E7E8CD
#E7E8CD
#E8E7CD
#E9E6CD
#EAE5CD
Colorpallet from #CDE5EA to #EACDE5 and to #EAE5CD
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#CDE5EA
#D2E1E9
#D2E2E8
#D2E2E8
#D2E3E7
#D2E4E6
#D2E4E6
#D2E5E5
#D6DDE8
#D6DEE7
#D6E0E6
#D6E1E5
#D6E2E4
#D6E3E2
#D6E5E1
#DBD9E8
#DBDBE6
#DBDDE4
#DBDFE2
#DBE1E0
#DBE3DE
#DBE5DC
#E0D6E7
#E0D8E4
#E0DBE2
#E0DDDF
#E0E0DD
#E0E2DA
#E0E5D7
#E4D2E6
#E4D5E3
#E4D8E0
#E4DBDD
#E4DEDA
#E4E1D7
#E4E5D3
#EACDE5
#EAD1E1
#EAD5DD
#EAD9D9
#EADCD6
#EAE0D2
#EAE5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
