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 #CDD9E9 to #CDE9D9 and to #D9CDE9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDDCE6
#CDDBE6
#CEDAE7
#CEDAE7
#CED9E8
#CFD8E8
#CFD7E9
#CDDEE4
#CEDDE5
#CEDBE6
#CFDAE6
#D0D8E7
#D0D7E8
#D1D5E9
#CDE1E1
#CEDFE2
#CFDDE4
#D0DAE5
#D1D8E6
#D2D6E7
#D3D3E9
#CDE3DF
#CEE0E1
#D0DDE2
#D1DAE4
#D2D7E5
#D3D5E7
#D5D1E9
#CDE6DC
#CFE2DE
#D0DFE0
#D2DBE2
#D3D7E4
#D5D4E6
#D7CFE9
#CDE9D9
#CFE5DC
#D1E0DE
#D3DCE1
#D5D7E3
#D7D3E6
#D9CDE9
Colorpallet from #CDD9E9 to #CDE9D9 and to #D9E9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDDCE6
#CDDCE6
#CEDCE6
#CEDCE6
#CEDCE5
#CFDCE5
#CFDCE5
#CDDEE4
#CEDEE3
#CEDEE3
#CFDEE2
#D0DEE1
#D0DEE1
#D1DEE0
#CDE1E1
#CEE1E0
#CFE1DF
#D0E1DF
#D1E1DE
#D2E1DD
#D3E1DC
#CDE3DF
#CEE3DE
#D0E3DC
#D1E3DB
#D2E3DA
#D3E3D9
#D5E3D7
#CDE6DC
#CFE6DB
#D0E6D9
#D2E6D8
#D3E6D6
#D5E6D5
#D7E6D3
#CDE9D9
#CFE9D7
#D1E9D5
#D3E9D3
#D5E9D1
#D7E9CF
#D9E9CD
Colorpallet from #CDD9E9 to #CDE9D9 and to #E9CDD9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDDCE6
#CEDBE6
#CEDAE6
#CFDAE6
#D0D9E6
#D0D8E6
#D1D7E6
#CDDEE4
#CEDDE4
#D0DBE4
#D1DAE4
#D3D8E4
#D4D7E4
#D6D5E4
#CDE1E1
#CFDFE1
#D1DDE1
#D3DAE1
#D5D8E1
#D7D6E1
#DAD3E1
#CDE3DF
#D0E0DF
#D3DDDF
#D6DADF
#D9D7DF
#DBD5DF
#DFD1DF
#CDE6DC
#D1E2DC
#D4DFDC
#D8DBDC
#DBD7DC
#DFD4DC
#E3CFDC
#CDE9D9
#D1E5D9
#D6E0D9
#DADCD9
#DFD7D9
#E3D3D9
#E9CDD9
Colorpallet from #CDD9E9 to #CDE9D9 and to #E9D9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDDCE6
#CEDCE6
#CEDBE6
#CFDBE6
#D0DAE5
#D0DAE5
#D1D9E5
#CDDEE4
#CEDDE3
#D0DCE3
#D1DCE2
#D3DBE1
#D4DAE1
#D6D9E0
#CDE1E1
#CFE0E0
#D1DEDF
#D3DDDF
#D5DCDE
#D7DBDD
#DAD9DC
#CDE3DF
#D0E1DE
#D3E0DC
#D6DEDB
#D9DDDA
#DBDBD9
#DFD9D7
#CDE6DC
#D1E4DB
#D4E2D9
#D8E0D8
#DBDED6
#DFDCD5
#E3D9D3
#CDE9D9
#D1E6D7
#D6E4D5
#DAE1D3
#DFDFD1
#E3DCCF
#E9D9CD
Colorpallet from #CDD9E9 to #D9CDE9 and to #D9E9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CFD7E9
#CFD8E8
#CFD9E8
#CFD9E7
#CFDAE6
#CFDBE6
#CFDCE5
#D1D5E9
#D1D6E8
#D1D8E6
#D1D9E5
#D1DBE3
#D1DCE2
#D1DEE0
#D3D3E9
#D3D5E7
#D3D7E5
#D3DAE3
#D3DCE1
#D3DEDF
#D3E1DC
#D5D1E9
#D5D4E6
#D5D7E3
#D5DAE0
#D5DDDD
#D5DFDB
#D5E3D7
#D7CFE9
#D7D3E5
#D7D6E2
#D7DADE
#D7DEDB
#D7E1D7
#D7E6D3
#D9CDE9
#D9D1E5
#D9D6E0
#D9DADC
#D9DFD7
#D9E3D3
#D9E9CD
Colorpallet from #CDD9E9 to #D9CDE9 and to #E9CDD9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CFD7E9
#CFD7E9
#D0D7E8
#D0D7E8
#D0D7E7
#D1D7E7
#D1D7E6
#D1D5E9
#D2D5E8
#D3D5E7
#D3D5E7
#D4D5E6
#D5D5E5
#D6D5E4
#D3D3E9
#D4D3E8
#D5D3E6
#D6D3E5
#D7D3E4
#D9D3E3
#DAD3E1
#D5D1E9
#D7D1E7
#D8D1E6
#DAD1E4
#DBD1E3
#DDD1E1
#DFD1DF
#D7CFE9
#D9CFE7
#DBCFE5
#DDCFE3
#DFCFE1
#E1CFDF
#E3CFDC
#D9CDE9
#DCCDE6
#DECDE4
#E1CDE1
#E3CDDF
#E6CDDC
#E9CDD9
Colorpallet from #CDD9E9 to #D9CDE9 and to #E9D9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CFD7E9
#CFD7E8
#D0D8E8
#D0D8E7
#D0D8E6
#D1D9E6
#D1D9E5
#D1D5E9
#D2D6E8
#D3D6E6
#D3D7E5
#D4D8E3
#D5D8E2
#D6D9E0
#D3D3E9
#D4D4E7
#D5D5E5
#D6D6E3
#D7D7E1
#D9D8DF
#DAD9DC
#D5D1E9
#D7D2E6
#D8D4E3
#DAD5E0
#DBD6DD
#DDD7DB
#DFD9D7
#D7CFE9
#D9D1E5
#DBD2E2
#DDD4DE
#DFD5DB
#E1D7D7
#E3D9D3
#D9CDE9
#DCCFE5
#DED1E0
#E1D3DC
#E3D5D7
#E6D7D3
#E9D9CD
Colorpallet from #CDD9E9 to #D9E9CD and to #E9CDD9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CFDCE5
#CFDBE5
#D0DAE5
#D0DAE5
#D0D9E6
#D1D8E6
#D1D7E6
#D1DEE0
#D2DDE1
#D3DBE1
#D3DAE2
#D4D8E3
#D5D7E3
#D6D5E4
#D3E1DC
#D4DFDD
#D5DDDE
#D6DADE
#D7D8DF
#D9D6E0
#DAD3E1
#D5E3D7
#D7E0D8
#D8DDDA
#DADADB
#DBD7DC
#DDD5DD
#DFD1DF
#D7E6D3
#D9E2D4
#DBDFD6
#DDDBD7
#DFD7D9
#E1D4DA
#E3CFDC
#D9E9CD
#DCE5CF
#DEE0D1
#E1DCD3
#E3D7D5
#E6D3D7
#E9CDD9
Colorpallet from #CDD9E9 to #D9E9CD and to #E9D9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CFDCE5
#CFDCE5
#D0DBE5
#D0DBE5
#D0DAE5
#D1DAE5
#D1D9E5
#D1DEE0
#D2DDE0
#D3DCE0
#D3DCE0
#D4DBE0
#D5DAE0
#D6D9E0
#D3E1DC
#D4E0DC
#D5DEDC
#D6DDDC
#D7DCDC
#D9DBDC
#DAD9DC
#D5E3D7
#D7E1D7
#D8E0D7
#DADED7
#DBDDD7
#DDDBD7
#DFD9D7
#D7E6D3
#D9E4D3
#DBE2D3
#DDE0D3
#DFDED3
#E1DCD3
#E3D9D3
#D9E9CD
#DCE6CD
#DEE4CD
#E1E1CD
#E3DFCD
#E6DCCD
#E9D9CD
Colorpallet from #CDD9E9 to #E9CDD9 and to #E9D9CD
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#CDD9E9
#D1D7E6
#D1D7E6
#D1D8E6
#D1D8E6
#D1D8E5
#D1D9E5
#D1D9E5
#D6D5E4
#D6D6E3
#D6D6E3
#D6D7E2
#D6D8E1
#D6D8E1
#D6D9E0
#DAD3E1
#DAD4E0
#DAD5DF
#DAD6DF
#DAD7DE
#DAD8DD
#DAD9DC
#DFD1DF
#DFD2DE
#DFD4DC
#DFD5DB
#DFD6DA
#DFD7D9
#DFD9D7
#E3CFDC
#E3D1DB
#E3D2D9
#E3D4D8
#E3D5D6
#E3D7D5
#E3D9D3
#E9CDD9
#E9CFD7
#E9D1D5
#E9D3D3
#E9D5D1
#E9D7CF
#E9D9CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts