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 #CDD8EA to #CDEAD8 and to #D8CDEA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDDBE7
#CDDAE7
#CED9E8
#CED9E8
#CED8E9
#CFD7E9
#CFD6EA
#CDDEE4
#CEDCE5
#CEDBE6
#CFD9E7
#D0D8E8
#D0D6E9
#D1D4EA
#CDE1E1
#CEDFE2
#CFDDE4
#CFDAE5
#D0D8E7
#D1D6E8
#D2D3EA
#CDE4DE
#CEE1E0
#CFDEE2
#D0DBE4
#D1D8E6
#D3D5E8
#D4D1EA
#CDE6DC
#CEE2DE
#D0DFE0
#D1DBE3
#D3D7E5
#D4D4E7
#D6CFEA
#CDEAD8
#CFE5DB
#D1E1DE
#D2DCE1
#D4D7E4
#D6D3E6
#D8CDEA
Colorpallet from #CDD8EA to #CDEAD8 and to #D8EACD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDDBE7
#CDDBE7
#CEDBE6
#CEDBE6
#CEDBE6
#CFDBE5
#CFDBE5
#CDDEE4
#CEDEE4
#CEDEE3
#CFDEE3
#D0DEE2
#D0DEE2
#D1DEE1
#CDE1E1
#CEE1E0
#CFE1DF
#CFE1DF
#D0E1DE
#D1E1DD
#D2E1DC
#CDE4DE
#CEE4DD
#CFE4DC
#D0E4DB
#D1E4DA
#D3E4D8
#D4E4D7
#CDE6DC
#CEE6DB
#D0E6D9
#D1E6D8
#D3E6D6
#D4E6D5
#D6E6D3
#CDEAD8
#CFEAD6
#D1EAD4
#D2EAD3
#D4EAD1
#D6EACF
#D8EACD
Colorpallet from #CDD8EA to #CDEAD8 and to #EACDD8
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDDBE7
#CEDAE7
#CFD9E7
#CFD9E7
#D0D8E7
#D1D7E7
#D2D6E7
#CDDEE4
#CEDCE4
#D0DBE4
#D1D9E4
#D3D8E4
#D4D6E4
#D6D4E4
#CDE1E1
#CFDFE1
#D1DDE1
#D4DAE1
#D6D8E1
#D8D6E1
#DBD3E1
#CDE4DE
#D0E1DE
#D3DEDE
#D6DBDE
#D9D8DE
#DCD5DE
#E0D1DE
#CDE6DC
#D1E2DC
#D4DFDC
#D8DBDC
#DCD7DC
#DFD4DC
#E4CFDC
#CDEAD8
#D2E5D8
#D6E1D8
#DBDCD8
#E0D7D8
#E4D3D8
#EACDD8
Colorpallet from #CDD8EA to #CDEAD8 and to #EAD8CD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDDBE7
#CEDBE7
#CFDAE6
#CFDAE6
#D0D9E6
#D1D9E5
#D2D8E5
#CDDEE4
#CEDDE4
#D0DCE3
#D1DBE3
#D3DAE2
#D4D9E2
#D6D8E1
#CDE1E1
#CFE0E0
#D1DEDF
#D4DDDF
#D6DBDE
#D8DADD
#DBD8DC
#CDE4DE
#D0E2DD
#D3E0DC
#D6DEDB
#D9DCDA
#DCDAD8
#E0D8D7
#CDE6DC
#D1E4DB
#D4E2D9
#D8DFD8
#DCDDD6
#DFDBD5
#E4D8D3
#CDEAD8
#D2E7D6
#D6E4D4
#DBE1D3
#E0DED1
#E4DCCF
#EAD8CD
Colorpallet from #CDD8EA to #D8CDEA and to #D8EACD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CFD6EA
#CFD7E9
#CFD8E8
#CFD8E8
#CFD9E7
#CFDAE6
#CFDBE5
#D1D4EA
#D1D6E9
#D1D7E7
#D1D9E6
#D1DAE4
#D1DCE3
#D1DEE1
#D2D3EA
#D2D5E8
#D2D7E6
#D2DAE3
#D2DCE1
#D2DEDF
#D2E1DC
#D4D1EA
#D4D4E7
#D4D7E4
#D4DAE1
#D4DDDE
#D4E0DB
#D4E4D7
#D6CFEA
#D6D3E6
#D6D6E3
#D6DADF
#D6DEDB
#D6E1D8
#D6E6D3
#D8CDEA
#D8D2E5
#D8D6E1
#D8DBDC
#D8E0D7
#D8E4D3
#D8EACD
Colorpallet from #CDD8EA to #D8CDEA and to #EACDD8
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CFD6EA
#CFD6EA
#D0D6E9
#D0D6E9
#D1D6E8
#D1D6E8
#D2D6E7
#D1D4EA
#D2D4E9
#D3D4E8
#D3D4E7
#D4D4E6
#D5D4E5
#D6D4E4
#D2D3EA
#D3D3E9
#D5D3E7
#D6D3E6
#D8D3E4
#D9D3E3
#DBD3E1
#D4D1EA
#D6D1E8
#D8D1E6
#DAD1E4
#DCD1E2
#DED1E0
#E0D1DE
#D6CFEA
#D8CFE8
#DACFE6
#DDCFE3
#DFCFE1
#E1CFDF
#E4CFDC
#D8CDEA
#DBCDE7
#DECDE4
#E1CDE1
#E4CDDE
#E6CDDC
#EACDD8
Colorpallet from #CDD8EA to #D8CDEA and to #EAD8CD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CFD6EA
#CFD6E9
#D0D7E8
#D0D7E8
#D1D7E7
#D1D8E6
#D2D8E5
#D1D4EA
#D2D5E9
#D3D5E7
#D3D6E6
#D4D7E4
#D5D7E3
#D6D8E1
#D2D3EA
#D3D4E8
#D5D5E6
#D6D5E3
#D8D6E1
#D9D7DF
#DBD8DC
#D4D1EA
#D6D2E7
#D8D3E4
#DAD4E1
#DCD5DE
#DED7DB
#E0D8D7
#D6CFEA
#D8D0E6
#DAD2E3
#DDD3DF
#DFD5DB
#E1D6D8
#E4D8D3
#D8CDEA
#DBCFE5
#DED1E1
#E1D2DC
#E4D4D7
#E6D6D3
#EAD8CD
Colorpallet from #CDD8EA to #D8EACD and to #EACDD8
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CFDBE5
#CFDAE5
#D0D9E6
#D0D9E6
#D1D8E6
#D1D7E7
#D2D6E7
#D1DEE1
#D2DCE1
#D3DBE2
#D3D9E2
#D4D8E3
#D5D6E3
#D6D4E4
#D2E1DC
#D3DFDD
#D5DDDE
#D6DADE
#D8D8DF
#D9D6E0
#DBD3E1
#D4E4D7
#D6E1D8
#D8DED9
#DADBDA
#DCD8DB
#DED5DD
#E0D1DE
#D6E6D3
#D8E2D4
#DADFD6
#DDDBD7
#DFD7D9
#E1D4DA
#E4CFDC
#D8EACD
#DBE5CF
#DEE1D1
#E1DCD2
#E4D7D4
#E6D3D6
#EACDD8
Colorpallet from #CDD8EA to #D8EACD and to #EAD8CD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CFDBE5
#CFDBE5
#D0DAE5
#D0DAE5
#D1D9E5
#D1D9E5
#D2D8E5
#D1DEE1
#D2DDE1
#D3DCE1
#D3DBE1
#D4DAE1
#D5D9E1
#D6D8E1
#D2E1DC
#D3E0DC
#D5DEDC
#D6DDDC
#D8DBDC
#D9DADC
#DBD8DC
#D4E4D7
#D6E2D7
#D8E0D7
#DADED7
#DCDCD7
#DEDAD7
#E0D8D7
#D6E6D3
#D8E4D3
#DAE2D3
#DDDFD3
#DFDDD3
#E1DBD3
#E4D8D3
#D8EACD
#DBE7CD
#DEE4CD
#E1E1CD
#E4DECD
#E6DCCD
#EAD8CD
Colorpallet from #CDD8EA to #EACDD8 and to #EAD8CD
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#CDD8EA
#D2D6E7
#D2D6E7
#D2D7E6
#D2D7E6
#D2D7E6
#D2D8E5
#D2D8E5
#D6D4E4
#D6D5E4
#D6D5E3
#D6D6E3
#D6D7E2
#D6D7E2
#D6D8E1
#DBD3E1
#DBD4E0
#DBD5DF
#DBD5DF
#DBD6DE
#DBD7DD
#DBD8DC
#E0D1DE
#E0D2DD
#E0D3DC
#E0D4DB
#E0D5DA
#E0D7D8
#E0D8D7
#E4CFDC
#E4D0DB
#E4D2D9
#E4D3D8
#E4D5D6
#E4D6D5
#E4D8D3
#EACDD8
#EACFD6
#EAD1D4
#EAD2D3
#EAD4D1
#EAD6CF
#EAD8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts