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 #D2CDEA to #D2EACD and to #CDD2EA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2D2E5
#D2D1E6
#D2D1E7
#D2D0E7
#D1CFE8
#D1CFE9
#D1CEEA
#D2D6E1
#D2D5E2
#D1D4E4
#D1D3E5
#D1D2E7
#D0D0E8
#D0CFEA
#D2DBDC
#D2D9DE
#D1D7E0
#D1D5E3
#D1D3E5
#D0D1E7
#D0CFEA
#D2E0D7
#D2DDDA
#D1DBDD
#D1D8E0
#D0D6E3
#D0D3E6
#CFD0EA
#D2E4D3
#D1E1D7
#D1DEDA
#D0DBDE
#CFD8E2
#CFD5E5
#CED1EA
#D2EACD
#D1E6D2
#D0E2D6
#D0DEDB
#CFDBE0
#CED7E4
#CDD2EA
Colorpallet from #D2CDEA to #D2EACD and to #CDEAD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2D2E5
#D2D2E5
#D2D2E5
#D2D2E5
#D1D2E6
#D1D2E6
#D1D2E6
#D2D6E1
#D2D6E1
#D1D6E1
#D1D6E1
#D1D6E2
#D0D6E2
#D0D6E2
#D2DBDC
#D2DBDC
#D1DBDD
#D1DBDD
#D1DBDD
#D0DBDE
#D0DBDE
#D2E0D7
#D2E0D8
#D1E0D8
#D1E0D9
#D0E0DA
#D0E0DA
#CFE0DB
#D2E4D3
#D1E4D4
#D1E4D4
#D0E4D5
#CFE4D6
#CFE4D6
#CEE4D7
#D2EACD
#D1EACE
#D0EACF
#D0EACF
#CFEAD0
#CEEAD1
#CDEAD2
Colorpallet from #D2CDEA to #D2EACD and to #EAD2CD
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2D2E5
#D3D1E5
#D3D1E5
#D4D0E5
#D5CFE5
#D5CFE5
#D6CEE5
#D2D6E1
#D3D5E1
#D5D4E1
#D6D3E1
#D7D2E1
#D8D0E1
#DACFE1
#D2DBDC
#D4D9DC
#D6D7DC
#D8D5DC
#DAD3DC
#DCD1DC
#DECFDC
#D2E0D7
#D4DDD7
#D7DBD7
#D9D8D7
#DCD6D7
#DED3D7
#E1D0D7
#D2E4D3
#D5E1D3
#D8DED3
#DBDBD3
#DED8D3
#E1D5D3
#E5D1D3
#D2EACD
#D6E6CD
#DAE2CD
#DEDECD
#E1DBCD
#E5D7CD
#EAD2CD
Colorpallet from #D2CDEA to #D2EACD and to #EACDD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2D2E5
#D3D1E5
#D3D0E5
#D4D0E5
#D5CFE6
#D5CEE6
#D6CDE6
#D2D6E1
#D3D5E1
#D5D3E1
#D6D2E1
#D7D0E2
#D8CFE2
#DACDE2
#D2DBDC
#D4D9DC
#D6D7DD
#D8D4DD
#DAD2DD
#DCD0DE
#DECDDE
#D2E0D7
#D4DDD8
#D7DAD8
#D9D7D9
#DCD4DA
#DED1DA
#E1CDDB
#D2E4D3
#D5E0D4
#D8DDD4
#DBD9D5
#DED5D6
#E1D2D6
#E5CDD7
#D2EACD
#D6E5CE
#DAE1CF
#DEDCCF
#E1D7D0
#E5D3D1
#EACDD2
Colorpallet from #D2CDEA to #CDD2EA and to #CDEAD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D1CEEA
#D1CFE9
#D1CFE9
#D1D0E8
#D1D1E7
#D1D1E7
#D1D2E6
#D0CFEA
#D0D0E9
#D0D1E7
#D0D2E6
#D0D3E5
#D0D5E4
#D0D6E2
#D0CFEA
#D0D1E8
#D0D3E6
#D0D5E4
#D0D7E2
#D0D9E0
#D0DBDE
#CFD0EA
#CFD3E8
#CFD5E5
#CFD8E3
#CFDAE0
#CFDDDE
#CFE0DB
#CED1EA
#CED4E7
#CED7E4
#CEDAE1
#CEDDDE
#CEE0DB
#CEE4D7
#CDD2EA
#CDD6E6
#CDDAE2
#CDDEDE
#CDE1DB
#CDE5D7
#CDEAD2
Colorpallet from #D2CDEA to #CDD2EA and to #EAD2CD
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D1CEEA
#D2CEE9
#D3CEE8
#D3CEE8
#D4CEE7
#D5CEE6
#D6CEE5
#D0CFEA
#D2CFE9
#D3CFE7
#D5CFE6
#D6CFE4
#D8CFE3
#DACFE1
#D0CFEA
#D2CFE8
#D4CFE6
#D7CFE3
#D9CFE1
#DBCFDF
#DECFDC
#CFD0EA
#D2D0E7
#D5D0E4
#D8D0E1
#DBD0DE
#DDD0DB
#E1D0D7
#CED1EA
#D2D1E6
#D5D1E3
#D9D1DF
#DDD1DB
#E0D1D8
#E5D1D3
#CDD2EA
#D2D2E5
#D6D2E1
#DBD2DC
#E0D2D7
#E4D2D3
#EAD2CD
Colorpallet from #D2CDEA to #CDD2EA and to #EACDD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D1CEEA
#D2CEE9
#D3CEE9
#D3CEE8
#D4CDE7
#D5CDE7
#D6CDE6
#D0CFEA
#D2CFE9
#D3CEE7
#D5CEE6
#D6CEE5
#D8CDE4
#DACDE2
#D0CFEA
#D2CFE8
#D4CEE6
#D7CEE4
#D9CEE2
#DBCDE0
#DECDDE
#CFD0EA
#D2D0E8
#D5CFE5
#D8CFE3
#DBCEE0
#DDCEDE
#E1CDDB
#CED1EA
#D2D0E7
#D5D0E4
#D9CFE1
#DDCEDE
#E0CEDB
#E5CDD7
#CDD2EA
#D2D1E6
#D6D0E2
#DBD0DE
#E0CFDB
#E4CED7
#EACDD2
Colorpallet from #D2CDEA to #CDEAD2 and to #EAD2CD
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D1D2E6
#D2D1E6
#D3D1E6
#D3D0E6
#D4CFE5
#D5CFE5
#D6CEE5
#D0D6E2
#D2D5E2
#D3D4E2
#D5D3E2
#D6D2E1
#D8D0E1
#DACFE1
#D0DBDE
#D2D9DE
#D4D7DD
#D7D5DD
#D9D3DD
#DBD1DC
#DECFDC
#CFE0DB
#D2DDDA
#D5DBDA
#D8D8D9
#DBD6D8
#DDD3D8
#E1D0D7
#CEE4D7
#D2E1D6
#D5DED6
#D9DBD5
#DDD8D4
#E0D5D4
#E5D1D3
#CDEAD2
#D2E6D1
#D6E2D0
#DBDED0
#E0DBCF
#E4D7CE
#EAD2CD
Colorpallet from #D2CDEA to #CDEAD2 and to #EACDD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D1D2E6
#D2D1E6
#D3D0E6
#D3D0E6
#D4CFE6
#D5CEE6
#D6CDE6
#D0D6E2
#D2D5E2
#D3D3E2
#D5D2E2
#D6D0E2
#D8CFE2
#DACDE2
#D0DBDE
#D2D9DE
#D4D7DE
#D7D4DE
#D9D2DE
#DBD0DE
#DECDDE
#CFE0DB
#D2DDDB
#D5DADB
#D8D7DB
#DBD4DB
#DDD1DB
#E1CDDB
#CEE4D7
#D2E0D7
#D5DDD7
#D9D9D7
#DDD5D7
#E0D2D7
#E5CDD7
#CDEAD2
#D2E5D2
#D6E1D2
#DBDCD2
#E0D7D2
#E4D3D2
#EACDD2
Colorpallet from #D2CDEA to #EAD2CD and to #EACDD2
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D2CDEA
#D6CEE5
#D6CEE5
#D6CEE5
#D6CEE5
#D6CDE6
#D6CDE6
#D6CDE6
#DACFE1
#DACFE1
#DACEE1
#DACEE1
#DACEE2
#DACDE2
#DACDE2
#DECFDC
#DECFDC
#DECEDD
#DECEDD
#DECEDD
#DECDDE
#DECDDE
#E1D0D7
#E1D0D8
#E1CFD8
#E1CFD9
#E1CEDA
#E1CEDA
#E1CDDB
#E5D1D3
#E5D0D4
#E5D0D4
#E5CFD5
#E5CED6
#E5CED6
#E5CDD7
#EAD2CD
#EAD1CE
#EAD0CF
#EAD0CF
#EACFD0
#EACED1
#EACDD2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts