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 #CDE9E5 to #CDE5E9 and to #E9CDE5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE8E6
#CEE8E6
#CEE7E6
#CFE7E6
#D0E6E5
#D0E6E5
#D1E5E5
#CDE8E6
#CEE7E6
#D0E5E6
#D1E4E6
#D3E3E5
#D4E2E5
#D6E0E5
#CDE7E7
#CFE5E7
#D1E3E6
#D3E2E6
#D5E0E6
#D7DEE5
#DADCE5
#CDE6E8
#D0E4E8
#D3E1E7
#D6DFE7
#D9DCE6
#DBDAE6
#DFD7E5
#CDE6E8
#D1E3E8
#D4E0E7
#D8DDE7
#DBDAE6
#DFD7E6
#E3D3E5
#CDE5E9
#D1E1E8
#D6DDE8
#DAD9E7
#DFD6E6
#E3D2E6
#E9CDE5
Colorpallet from #CDE9E5 to #CDE5E9 and to #E9E5CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE8E6
#CEE8E5
#CEE8E4
#CFE8E4
#D0E8E3
#D0E8E2
#D1E8E1
#CDE8E6
#CEE8E5
#D0E8E3
#D1E8E2
#D3E8E0
#D4E8DF
#D6E8DD
#CDE7E7
#CFE7E5
#D1E7E3
#D3E7E0
#D5E7DE
#D7E7DC
#DAE7D9
#CDE6E8
#D0E6E5
#D3E6E2
#D6E6DF
#D9E6DC
#DBE6DA
#DFE6D6
#CDE6E8
#D1E6E4
#D4E6E1
#D8E6DD
#DBE6DA
#DFE6D6
#E3E6D2
#CDE5E9
#D1E5E5
#D6E5E0
#DAE5DC
#DFE5D7
#E3E5D3
#E9E5CD
Colorpallet from #CDE9E5 to #CDE5E9 and to #E5CDE9
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE8E6
#CEE8E6
#CEE7E6
#CFE7E6
#D0E6E6
#D0E6E6
#D1E5E6
#CDE8E6
#CEE7E6
#D0E5E6
#D1E4E6
#D2E3E6
#D3E2E6
#D5E0E6
#CDE7E7
#CFE5E7
#D1E3E7
#D3E2E7
#D5E0E7
#D7DEE7
#D9DCE7
#CDE6E8
#CFE4E8
#D2E1E8
#D4DFE8
#D7DCE8
#D9DAE8
#DCD7E8
#CDE6E8
#D0E3E8
#D3E0E8
#D6DDE8
#D9DAE8
#DCD7E8
#E0D3E8
#CDE5E9
#D1E1E9
#D5DDE9
#D9D9E9
#DCD6E9
#E0D2E9
#E5CDE9
Colorpallet from #CDE9E5 to #CDE5E9 and to #E5E9CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE8E6
#CEE8E5
#CEE8E4
#CFE8E4
#D0E9E3
#D0E9E2
#D1E9E1
#CDE8E6
#CEE8E5
#D0E8E3
#D1E8E2
#D2E9E0
#D3E9DF
#D5E9DD
#CDE7E7
#CFE7E5
#D1E8E3
#D3E8E0
#D5E8DE
#D7E9DC
#D9E9D9
#CDE6E8
#CFE6E5
#D2E7E2
#D4E7DF
#D7E8DC
#D9E8DA
#DCE9D6
#CDE6E8
#D0E6E4
#D3E7E1
#D6E7DD
#D9E8DA
#DCE8D6
#E0E9D2
#CDE5E9
#D1E6E5
#D5E6E0
#D9E7DC
#DCE8D7
#E0E8D3
#E5E9CD
Colorpallet from #CDE9E5 to #E9CDE5 and to #E9E5CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E5E5
#D1E5E4
#D1E6E4
#D1E6E3
#D1E7E2
#D1E7E2
#D1E8E1
#D6E0E5
#D6E1E4
#D6E3E2
#D6E4E1
#D6E5E0
#D6E6DF
#D6E8DD
#DADCE5
#DADEE3
#DAE0E1
#DAE1DF
#DAE3DD
#DAE5DB
#DAE7D9
#DFD7E5
#DFD9E3
#DFDCE0
#DFDEDE
#DFE1DB
#DFE3D9
#DFE6D6
#E3D3E5
#E3D6E2
#E3D9DF
#E3DCDC
#E3DFD9
#E3E2D6
#E3E6D2
#E9CDE5
#E9D1E1
#E9D5DD
#E9D9D9
#E9DCD6
#E9E0D2
#E9E5CD
Colorpallet from #CDE9E5 to #E9CDE5 and to #E5CDE9
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E5E5
#D1E5E5
#D1E5E5
#D1E5E5
#D1E5E6
#D1E5E6
#D1E5E6
#D6E0E5
#D6E0E5
#D6E0E5
#D6E0E5
#D5E0E6
#D5E0E6
#D5E0E6
#DADCE5
#DADCE5
#DADCE6
#DADCE6
#D9DCE6
#D9DCE7
#D9DCE7
#DFD7E5
#DFD7E5
#DED7E6
#DED7E6
#DDD7E7
#DDD7E7
#DCD7E8
#E3D3E5
#E3D3E5
#E2D3E6
#E2D3E6
#E1D3E7
#E1D3E7
#E0D3E8
#E9CDE5
#E8CDE6
#E8CDE6
#E7CDE7
#E6CDE8
#E6CDE8
#E5CDE9
Colorpallet from #CDE9E5 to #E9CDE5 and to #E5E9CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E5E5
#D1E6E4
#D1E6E4
#D1E7E3
#D1E8E2
#D1E8E2
#D1E9E1
#D6E0E5
#D6E1E4
#D6E3E2
#D6E4E1
#D5E6E0
#D5E7DF
#D5E9DD
#DADCE5
#DADEE3
#DAE0E1
#DAE2DF
#D9E4DD
#D9E6DB
#D9E9D9
#DFD7E5
#DFDAE3
#DEDDE0
#DEE0DE
#DDE3DB
#DDE5D9
#DCE9D6
#E3D3E5
#E3D7E2
#E2DADF
#E2DEDC
#E1E1D9
#E1E5D6
#E0E9D2
#E9CDE5
#E8D1E1
#E8D6DD
#E7DAD9
#E6DFD6
#E6E3D2
#E5E9CD
Colorpallet from #CDE9E5 to #E9E5CD and to #E5CDE9
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E8E1
#D1E8E2
#D1E7E3
#D1E7E3
#D1E6E4
#D1E6E5
#D1E5E6
#D6E8DD
#D6E7DE
#D6E5E0
#D6E4E1
#D5E3E3
#D5E2E4
#D5E0E6
#DAE7D9
#DAE5DB
#DAE3DD
#DAE2E0
#D9E0E2
#D9DEE4
#D9DCE7
#DFE6D6
#DFE4D9
#DEE1DC
#DEDFDF
#DDDCE2
#DDDAE4
#DCD7E8
#E3E6D2
#E3E3D6
#E2E0D9
#E2DDDD
#E1DAE0
#E1D7E4
#E0D3E8
#E9E5CD
#E8E1D1
#E8DDD6
#E7D9DA
#E6D6DF
#E6D2E3
#E5CDE9
Colorpallet from #CDE9E5 to #E9E5CD and to #E5E9CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E8E1
#D1E8E1
#D1E8E1
#D1E8E1
#D1E9E1
#D1E9E1
#D1E9E1
#D6E8DD
#D6E8DD
#D6E8DD
#D6E8DD
#D5E9DD
#D5E9DD
#D5E9DD
#DAE7D9
#DAE7D9
#DAE8D9
#DAE8D9
#D9E8D9
#D9E9D9
#D9E9D9
#DFE6D6
#DFE6D6
#DEE7D6
#DEE7D6
#DDE8D6
#DDE8D6
#DCE9D6
#E3E6D2
#E3E6D2
#E2E7D2
#E2E7D2
#E1E8D2
#E1E8D2
#E0E9D2
#E9E5CD
#E8E6CD
#E8E6CD
#E7E7CD
#E6E8CD
#E6E8CD
#E5E9CD
Colorpallet from #CDE9E5 to #E5CDE9 and to #E5E9CD
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#CDE9E5
#D1E5E6
#D1E6E5
#D1E6E4
#D1E7E4
#D1E8E3
#D1E8E2
#D1E9E1
#D5E0E6
#D5E1E5
#D5E3E3
#D5E4E2
#D5E6E0
#D5E7DF
#D5E9DD
#D9DCE7
#D9DEE5
#D9E0E3
#D9E2E0
#D9E4DE
#D9E6DC
#D9E9D9
#DCD7E8
#DCDAE5
#DCDDE2
#DCE0DF
#DCE3DC
#DCE5DA
#DCE9D6
#E0D3E8
#E0D7E4
#E0DAE1
#E0DEDD
#E0E1DA
#E0E5D6
#E0E9D2
#E5CDE9
#E5D1E5
#E5D6E0
#E5DADC
#E5DFD7
#E5E3D3
#E5E9CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
