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 #CDE9E2 to #CDE2E9 and to #E9CDE2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE8E3
#CEE8E3
#CEE7E3
#CFE7E3
#D0E6E2
#D0E6E2
#D1E5E2
#CDE7E4
#CEE6E4
#D0E5E3
#D1E4E3
#D3E3E3
#D4E1E2
#D6E0E2
#CDE6E5
#CFE4E5
#D1E3E4
#D3E1E4
#D5E0E3
#D7DEE3
#DADCE2
#CDE5E6
#D0E3E5
#D3E1E5
#D6DEE4
#D9DCE3
#DBDAE3
#DFD7E2
#CDE3E8
#D1E0E7
#D4DEE6
#D8DBE5
#DBD9E4
#DFD6E3
#E3D3E2
#CDE2E9
#D1DFE8
#D6DBE7
#DAD8E6
#DFD5E5
#E3D1E3
#E9CDE2
Colorpallet from #CDE9E2 to #CDE2E9 and to #E9E2CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE8E3
#CEE8E2
#CEE8E2
#CFE8E1
#D0E8E0
#D0E8E0
#D1E8DF
#CDE7E4
#CEE7E3
#D0E7E1
#D1E7E0
#D3E7DE
#D4E7DD
#D6E7DB
#CDE6E5
#CFE6E3
#D1E6E1
#D3E6DF
#D5E6DD
#D7E6DB
#DAE6D8
#CDE5E6
#D0E5E3
#D3E5E1
#D6E5DE
#D9E5DB
#DBE5D8
#DFE5D5
#CDE3E8
#D1E3E4
#D4E3E1
#D8E3DD
#DBE3D9
#DFE3D6
#E3E3D1
#CDE2E9
#D1E2E5
#D6E2E0
#DAE2DC
#DFE2D7
#E3E2D3
#E9E2CD
Colorpallet from #CDE9E2 to #CDE2E9 and to #E2CDE9
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE8E3
#CDE8E3
#CEE7E3
#CEE7E3
#CFE6E3
#CFE6E3
#D0E5E3
#CDE7E4
#CEE6E4
#CFE5E4
#D0E4E4
#D1E3E4
#D3E1E4
#D4E0E4
#CDE6E5
#CFE4E5
#D0E3E5
#D2E1E5
#D3E0E5
#D5DEE5
#D7DCE5
#CDE5E6
#CFE3E6
#D1E1E6
#D3DEE6
#D5DCE6
#D7DAE6
#DAD7E6
#CDE3E8
#D0E0E8
#D2DEE8
#D5DBE8
#D8D9E8
#DBD6E8
#DED3E8
#CDE2E9
#D0DFE9
#D4DBE9
#D7D8E9
#DAD5E9
#DED1E9
#E2CDE9
Colorpallet from #CDE9E2 to #CDE2E9 and to #E2E9CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE8E3
#CDE8E2
#CEE8E2
#CEE8E1
#CFE9E0
#CFE9E0
#D0E9DF
#CDE7E4
#CEE7E3
#CFE8E1
#D0E8E0
#D1E8DE
#D3E9DD
#D4E9DB
#CDE6E5
#CFE6E3
#D0E7E1
#D2E7DF
#D3E8DD
#D5E8DB
#D7E9D8
#CDE5E6
#CFE6E3
#D1E6E1
#D3E7DE
#D5E8DB
#D7E8D8
#DAE9D5
#CDE3E8
#D0E4E4
#D2E5E1
#D5E6DD
#D8E7D9
#DBE8D6
#DEE9D1
#CDE2E9
#D0E3E5
#D4E4E0
#D7E5DC
#DAE6D7
#DEE8D3
#E2E9CD
Colorpallet from #CDE9E2 to #E9CDE2 and to #E9E2CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D1E5E2
#D1E5E2
#D1E6E1
#D1E6E1
#D1E7E0
#D1E7E0
#D1E8DF
#D6E0E2
#D6E1E1
#D6E2E0
#D6E3DF
#D6E4DE
#D6E6DC
#D6E7DB
#DADCE2
#DADEE0
#DADFDF
#DAE1DD
#DAE2DC
#DAE4DA
#DAE6D8
#DFD7E2
#DFD9E0
#DFDBDE
#DFDEDC
#DFE0DA
#DFE2D8
#DFE5D5
#E3D3E2
#E3D6DF
#E3D8DD
#E3DBDA
#E3DDD7
#E3E0D4
#E3E3D1
#E9CDE2
#E9D0DF
#E9D4DB
#E9D7D8
#E9DAD5
#E9DED1
#E9E2CD
Colorpallet from #CDE9E2 to #E9CDE2 and to #E2CDE9
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D1E5E2
#D1E5E2
#D1E5E2
#D1E5E2
#D0E5E3
#D0E5E3
#D0E5E3
#D6E0E2
#D6E0E2
#D5E0E3
#D5E0E3
#D5E0E3
#D4E0E4
#D4E0E4
#DADCE2
#DADCE2
#D9DCE3
#D9DCE3
#D8DCE4
#D8DCE4
#D7DCE5
#DFD7E2
#DED7E3
#DDD7E3
#DDD7E4
#DCD7E5
#DBD7E5
#DAD7E6
#E3D3E2
#E2D3E3
#E1D3E4
#E1D3E5
#E0D3E6
#DFD3E7
#DED3E8
#E9CDE2
#E8CDE3
#E7CDE4
#E6CDE5
#E5CDE6
#E3CDE8
#E2CDE9
Colorpallet from #CDE9E2 to #E9CDE2 and to #E2E9CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D1E5E2
#D1E6E2
#D1E6E1
#D1E7E1
#D0E8E0
#D0E8E0
#D0E9DF
#D6E0E2
#D6E1E1
#D5E3E0
#D5E4DF
#D5E6DE
#D4E7DC
#D4E9DB
#DADCE2
#DADEE0
#D9E0DF
#D9E2DD
#D8E4DC
#D8E6DA
#D7E9D8
#DFD7E2
#DEDAE0
#DDDDDE
#DDE0DC
#DCE3DA
#DBE5D8
#DAE9D5
#E3D3E2
#E2D7DF
#E1DADD
#E1DEDA
#E0E1D7
#DFE5D4
#DEE9D1
#E9CDE2
#E8D1DF
#E7D6DB
#E6DAD8
#E5DFD5
#E3E3D1
#E2E9CD
Colorpallet from #CDE9E2 to #E9E2CD and to #E2CDE9
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D1E8DF
#D1E8E0
#D1E7E0
#D1E7E1
#D0E6E2
#D0E6E2
#D0E5E3
#D6E7DB
#D6E6DC
#D5E5DE
#D5E4DF
#D5E3E1
#D4E1E2
#D4E0E4
#DAE6D8
#DAE4DA
#D9E3DC
#D9E1DE
#D8E0E0
#D8DEE2
#D7DCE5
#DFE5D5
#DEE3D8
#DDE1DA
#DDDEDD
#DCDCE0
#DBDAE3
#DAD7E6
#E3E3D1
#E2E0D5
#E1DED8
#E1DBDC
#E0D9E0
#DFD6E3
#DED3E8
#E9E2CD
#E8DFD1
#E7DBD6
#E6D8DA
#E5D5DF
#E3D1E3
#E2CDE9
Colorpallet from #CDE9E2 to #E9E2CD and to #E2E9CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D1E8DF
#D1E8DF
#D1E8DF
#D1E8DF
#D0E9DF
#D0E9DF
#D0E9DF
#D6E7DB
#D6E7DB
#D5E8DB
#D5E8DB
#D5E8DB
#D4E9DB
#D4E9DB
#DAE6D8
#DAE6D8
#D9E7D8
#D9E7D8
#D8E8D8
#D8E8D8
#D7E9D8
#DFE5D5
#DEE6D5
#DDE6D5
#DDE7D5
#DCE8D5
#DBE8D5
#DAE9D5
#E3E3D1
#E2E4D1
#E1E5D1
#E1E6D1
#E0E7D1
#DFE8D1
#DEE9D1
#E9E2CD
#E8E3CD
#E7E4CD
#E6E5CD
#E5E6CD
#E3E8CD
#E2E9CD
Colorpallet from #CDE9E2 to #E2CDE9 and to #E2E9CD
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#CDE9E2
#D0E5E3
#D0E6E2
#D0E6E2
#D0E7E1
#D0E8E0
#D0E8E0
#D0E9DF
#D4E0E4
#D4E1E3
#D4E3E1
#D4E4E0
#D4E6DE
#D4E7DD
#D4E9DB
#D7DCE5
#D7DEE3
#D7E0E1
#D7E2DF
#D7E4DD
#D7E6DB
#D7E9D8
#DAD7E6
#DADAE3
#DADDE1
#DAE0DE
#DAE3DB
#DAE5D8
#DAE9D5
#DED3E8
#DED7E4
#DEDAE1
#DEDEDD
#DEE1D9
#DEE5D6
#DEE9D1
#E2CDE9
#E2D1E5
#E2D6E0
#E2DADC
#E2DFD7
#E2E3D3
#E2E9CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts