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 #CDD2EA to #CDEAD2 and to #D2CDEA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD6E6
#CDD5E7
#CDD4E7
#CDD4E8
#CED3E9
#CED2E9
#CED1EA
#CDDAE2
#CDD8E3
#CED7E5
#CED5E6
#CED4E7
#CFD2E8
#CFD0EA
#CDDEDE
#CDDCE0
#CEDAE2
#CED7E4
#CED5E6
#CFD3E8
#CFD0EA
#CDE1DB
#CDDEDD
#CEDBE0
#CED8E2
#CFD5E5
#CFD3E7
#D0CFEA
#CDE5D7
#CEE1DA
#CEDEDD
#CFDAE0
#D0D6E3
#D0D3E6
#D1CEEA
#CDEAD2
#CEE5D6
#CFE1DA
#CFDCDE
#D0D7E1
#D1D3E5
#D2CDEA
Colorpallet from #CDD2EA to #CDEAD2 and to #D2EACD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD6E6
#CDD6E6
#CDD6E6
#CDD6E6
#CED6E5
#CED6E5
#CED6E5
#CDDAE2
#CDDAE2
#CEDAE2
#CEDAE2
#CEDAE1
#CFDAE1
#CFDAE1
#CDDEDE
#CDDEDE
#CEDEDD
#CEDEDD
#CEDEDD
#CFDEDC
#CFDEDC
#CDE1DB
#CDE1DA
#CEE1DA
#CEE1D9
#CFE1D8
#CFE1D8
#D0E1D7
#CDE5D7
#CEE5D6
#CEE5D6
#CFE5D5
#D0E5D4
#D0E5D4
#D1E5D3
#CDEAD2
#CEEAD1
#CFEAD0
#CFEAD0
#D0EACF
#D1EACE
#D2EACD
Colorpallet from #CDD2EA to #CDEAD2 and to #EACDD2
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD6E6
#CED5E6
#CFD4E6
#CFD4E6
#D0D3E6
#D1D2E6
#D2D1E6
#CDDAE2
#CED8E2
#D0D7E2
#D1D5E2
#D3D4E2
#D4D2E2
#D6D0E2
#CDDEDE
#CFDCDE
#D1DADE
#D4D7DE
#D6D5DE
#D8D3DE
#DBD0DE
#CDE1DB
#D0DEDB
#D3DBDB
#D6D8DB
#D9D5DB
#DCD3DB
#E0CFDB
#CDE5D7
#D1E1D7
#D4DED7
#D8DAD7
#DCD6D7
#DFD3D7
#E4CED7
#CDEAD2
#D2E5D2
#D6E1D2
#DBDCD2
#E0D7D2
#E4D3D2
#EACDD2
Colorpallet from #CDD2EA to #CDEAD2 and to #EAD2CD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD6E6
#CED5E6
#CFD5E6
#CFD4E6
#D0D3E5
#D1D3E5
#D2D2E5
#CDDAE2
#CED9E2
#D0D7E2
#D1D6E2
#D3D5E1
#D4D4E1
#D6D2E1
#CDDEDE
#CFDCDE
#D1DADD
#D4D8DD
#D6D6DD
#D8D4DC
#DBD2DC
#CDE1DB
#D0DFDA
#D3DCDA
#D6DAD9
#D9D7D8
#DCD5D8
#E0D2D7
#CDE5D7
#D1E2D6
#D4DFD6
#D8DCD5
#DCD9D4
#DFD6D4
#E4D2D3
#CDEAD2
#D2E6D1
#D6E2D0
#DBDED0
#E0DBCF
#E4D7CE
#EAD2CD
Colorpallet from #CDD2EA to #D2CDEA and to #D2EACD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CED1EA
#CED2E9
#CED3E8
#CED3E8
#CED4E7
#CED5E6
#CED6E5
#CFD0EA
#CFD2E9
#CFD3E7
#CFD5E6
#CFD6E4
#CFD8E3
#CFDAE1
#CFD0EA
#CFD2E8
#CFD4E6
#CFD7E3
#CFD9E1
#CFDBDF
#CFDEDC
#D0CFEA
#D0D2E7
#D0D5E4
#D0D8E1
#D0DBDE
#D0DDDB
#D0E1D7
#D1CEEA
#D1D2E6
#D1D5E3
#D1D9DF
#D1DDDB
#D1E0D8
#D1E5D3
#D2CDEA
#D2D2E5
#D2D6E1
#D2DBDC
#D2E0D7
#D2E4D3
#D2EACD
Colorpallet from #CDD2EA to #D2CDEA and to #EACDD2
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CED1EA
#CFD1E9
#CFD1E9
#D0D1E8
#D1D1E7
#D1D1E7
#D2D1E6
#CFD0EA
#D0D0E9
#D1D0E7
#D2D0E6
#D3D0E5
#D5D0E4
#D6D0E2
#CFD0EA
#D1D0E8
#D3D0E6
#D5D0E4
#D7D0E2
#D9D0E0
#DBD0DE
#D0CFEA
#D3CFE8
#D5CFE5
#D8CFE3
#DACFE0
#DDCFDE
#E0CFDB
#D1CEEA
#D4CEE7
#D7CEE4
#DACEE1
#DDCEDE
#E0CEDB
#E4CED7
#D2CDEA
#D6CDE6
#DACDE2
#DECDDE
#E1CDDB
#E5CDD7
#EACDD2
Colorpallet from #CDD2EA to #D2CDEA and to #EAD2CD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CED1EA
#CFD1E9
#CFD1E8
#D0D1E8
#D1D2E7
#D1D2E6
#D2D2E5
#CFD0EA
#D0D0E9
#D1D1E7
#D2D1E6
#D3D1E4
#D5D2E3
#D6D2E1
#CFD0EA
#D1D0E8
#D3D1E6
#D5D1E3
#D7D1E1
#D9D2DF
#DBD2DC
#D0CFEA
#D3CFE7
#D5D0E4
#D8D0E1
#DAD1DE
#DDD1DB
#E0D2D7
#D1CEEA
#D4CFE6
#D7CFE3
#DAD0DF
#DDD1DB
#E0D1D8
#E4D2D3
#D2CDEA
#D6CEE5
#DACFE1
#DECFDC
#E1D0D7
#E5D1D3
#EAD2CD
Colorpallet from #CDD2EA to #D2EACD and to #EACDD2
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CED6E5
#CFD5E5
#CFD4E5
#D0D4E5
#D1D3E6
#D1D2E6
#D2D1E6
#CFDAE1
#D0D8E1
#D1D7E1
#D2D5E1
#D3D4E2
#D5D2E2
#D6D0E2
#CFDEDC
#D1DCDC
#D3DADD
#D5D7DD
#D7D5DD
#D9D3DE
#DBD0DE
#D0E1D7
#D3DED8
#D5DBD8
#D8D8D9
#DAD5DA
#DDD3DA
#E0CFDB
#D1E5D3
#D4E1D4
#D7DED4
#DADAD5
#DDD6D6
#E0D3D6
#E4CED7
#D2EACD
#D6E5CE
#DAE1CF
#DEDCCF
#E1D7D0
#E5D3D1
#EACDD2
Colorpallet from #CDD2EA to #D2EACD and to #EAD2CD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CED6E5
#CFD5E5
#CFD5E5
#D0D4E5
#D1D3E5
#D1D3E5
#D2D2E5
#CFDAE1
#D0D9E1
#D1D7E1
#D2D6E1
#D3D5E1
#D5D4E1
#D6D2E1
#CFDEDC
#D1DCDC
#D3DADC
#D5D8DC
#D7D6DC
#D9D4DC
#DBD2DC
#D0E1D7
#D3DFD7
#D5DCD7
#D8DAD7
#DAD7D7
#DDD5D7
#E0D2D7
#D1E5D3
#D4E2D3
#D7DFD3
#DADCD3
#DDD9D3
#E0D6D3
#E4D2D3
#D2EACD
#D6E6CD
#DAE2CD
#DEDECD
#E1DBCD
#E5D7CD
#EAD2CD
Colorpallet from #CDD2EA to #EACDD2 and to #EAD2CD
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#CDD2EA
#D2D1E6
#D2D1E6
#D2D1E6
#D2D1E6
#D2D2E5
#D2D2E5
#D2D2E5
#D6D0E2
#D6D0E2
#D6D1E2
#D6D1E2
#D6D1E1
#D6D2E1
#D6D2E1
#DBD0DE
#DBD0DE
#DBD1DD
#DBD1DD
#DBD1DD
#DBD2DC
#DBD2DC
#E0CFDB
#E0CFDA
#E0D0DA
#E0D0D9
#E0D1D8
#E0D1D8
#E0D2D7
#E4CED7
#E4CFD6
#E4CFD6
#E4D0D5
#E4D1D4
#E4D1D4
#E4D2D3
#EACDD2
#EACED1
#EACFD0
#EACFD0
#EAD0CF
#EAD1CE
#EAD2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts