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 #D2CAEA to #D2EACA and to #CAD2EA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CFE5
#D2CEE6
#D2CEE7
#D2CDE7
#D1CCE8
#D1CCE9
#D1CBEA
#D2D4E0
#D2D3E2
#D1D2E3
#D1D1E5
#D0D0E6
#D0CEE8
#CFCDEA
#D2D9DB
#D1D7DD
#D1D5E0
#D0D4E2
#CFD2E5
#CFD0E7
#CECEEA
#D2DED6
#D1DCD9
#D0D9DC
#D0D7E0
#CFD4E3
#CED2E6
#CDCFEA
#D2E4D0
#D1E1D4
#D0DED8
#CFDADC
#CED7E1
#CDD4E5
#CCD0EA
#D2EACA
#D1E6CF
#CFE2D4
#CEDED9
#CDDBDE
#CCD7E4
#CAD2EA
Colorpallet from #D2CAEA to #D2EACA and to #CAEAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CFE5
#D2CFE5
#D2CFE5
#D2CFE5
#D1CFE6
#D1CFE6
#D1CFE6
#D2D4E0
#D2D4E0
#D1D4E1
#D1D4E1
#D0D4E1
#D0D4E2
#CFD4E2
#D2D9DB
#D1D9DB
#D1D9DC
#D0D9DC
#CFD9DD
#CFD9DD
#CED9DE
#D2DED6
#D1DED7
#D0DED8
#D0DED8
#CFDED9
#CEDEDA
#CDDEDB
#D2E4D0
#D1E4D1
#D0E4D2
#CFE4D3
#CEE4D4
#CDE4D6
#CCE4D7
#D2EACA
#D1EACB
#CFEACD
#CEEACE
#CDEACF
#CCEAD0
#CAEAD2
Colorpallet from #D2CAEA to #D2EACA and to #EAD2CA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CFE5
#D3CEE5
#D3CEE5
#D4CDE5
#D5CCE5
#D5CCE5
#D6CBE5
#D2D4E0
#D3D3E0
#D5D2E0
#D6D1E0
#D7D0E0
#D8CEE0
#DACDE0
#D2D9DB
#D4D7DB
#D6D5DB
#D8D4DB
#DAD2DB
#DCD0DB
#DECEDB
#D2DED6
#D4DCD6
#D7D9D6
#D9D7D6
#DCD4D6
#DED2D6
#E1CFD6
#D2E4D0
#D5E1D0
#D8DED0
#DBDAD0
#DED7D0
#E1D4D0
#E5D0D0
#D2EACA
#D6E6CA
#DAE2CA
#DEDECA
#E1DBCA
#E5D7CA
#EAD2CA
Colorpallet from #D2CAEA to #D2EACA and to #EACAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CFE5
#D3CEE5
#D3CDE5
#D4CDE5
#D5CCE6
#D5CBE6
#D6CAE6
#D2D4E0
#D3D2E0
#D5D1E1
#D6CFE1
#D7CEE1
#D8CCE2
#DACAE2
#D2D9DB
#D4D7DB
#D6D4DC
#D8D2DC
#DACFDD
#DCCDDD
#DECADE
#D2DED6
#D4DBD7
#D7D8D8
#D9D4D8
#DCD1D9
#DECEDA
#E1CADB
#D2E4D0
#D5E0D1
#D8DCD2
#DBD8D3
#DED3D4
#E1CFD6
#E5CAD7
#D2EACA
#D6E5CB
#DAE0CD
#DEDBCE
#E1D6CF
#E5D0D0
#EACAD2
Colorpallet from #D2CAEA to #CAD2EA and to #CAEAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D1CBEA
#D1CCE9
#D1CCE9
#D1CDE8
#D1CEE7
#D1CEE7
#D1CFE6
#CFCDEA
#CFCEE9
#CFCFE7
#CFD0E6
#CFD1E5
#CFD3E4
#CFD4E2
#CECEEA
#CED0E8
#CED2E6
#CED3E4
#CED5E2
#CED7E0
#CED9DE
#CDCFEA
#CDD1E8
#CDD4E5
#CDD6E3
#CDD9E0
#CDDBDE
#CDDEDB
#CCD0EA
#CCD3E7
#CCD6E4
#CCDAE1
#CCDDDE
#CCE0DB
#CCE4D7
#CAD2EA
#CAD6E6
#CADAE2
#CADEDE
#CAE1DB
#CAE5D7
#CAEAD2
Colorpallet from #D2CAEA to #CAD2EA and to #EAD2CA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D1CBEA
#D2CBE9
#D3CBE8
#D3CBE8
#D4CBE7
#D5CBE6
#D6CBE5
#CFCDEA
#D1CDE8
#D3CDE7
#D4CDE5
#D6CDE4
#D8CDE2
#DACDE0
#CECEEA
#D1CEE8
#D3CEE5
#D6CEE3
#D8CEE0
#DBCEDE
#DECEDB
#CDCFEA
#D0CFE7
#D3CFE4
#D7CFE0
#DACFDD
#DDCFDA
#E1CFD6
#CCD0EA
#D0D0E6
#D4D0E2
#D8D0DE
#DCD0D9
#E0D0D5
#E5D0D0
#CAD2EA
#CFD2E5
#D4D2E0
#D9D2DB
#DED2D6
#E4D2D0
#EAD2CA
Colorpallet from #D2CAEA to #CAD2EA and to #EACAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D1CBEA
#D2CBE9
#D3CBE9
#D3CBE8
#D4CAE7
#D5CAE7
#D6CAE6
#CFCDEA
#D1CDE9
#D3CCE7
#D4CCE6
#D6CBE5
#D8CBE4
#DACAE2
#CECEEA
#D1CDE8
#D3CDE6
#D6CCE4
#D8CBE2
#DBCBE0
#DECADE
#CDCFEA
#D0CEE8
#D3CDE5
#D7CDE3
#DACCE0
#DDCBDE
#E1CADB
#CCD0EA
#D0CFE7
#D4CEE4
#D8CDE1
#DCCCDE
#E0CBDB
#E5CAD7
#CAD2EA
#CFD1E6
#D4CFE2
#D9CEDE
#DECDDB
#E4CCD7
#EACAD2
Colorpallet from #D2CAEA to #CAEAD2 and to #EAD2CA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D1CFE6
#D2CEE6
#D3CEE6
#D3CDE6
#D4CCE5
#D5CCE5
#D6CBE5
#CFD4E2
#D1D3E2
#D3D2E1
#D4D1E1
#D6D0E1
#D8CEE0
#DACDE0
#CED9DE
#D1D7DE
#D3D5DD
#D6D4DD
#D8D2DC
#DBD0DC
#DECEDB
#CDDEDB
#D0DCDA
#D3D9D9
#D7D7D9
#DAD4D8
#DDD2D7
#E1CFD6
#CCE4D7
#D0E1D6
#D4DED5
#D8DAD4
#DCD7D3
#E0D4D1
#E5D0D0
#CAEAD2
#CFE6D1
#D4E2CF
#D9DECE
#DEDBCD
#E4D7CC
#EAD2CA
Colorpallet from #D2CAEA to #CAEAD2 and to #EACAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D1CFE6
#D2CEE6
#D3CDE6
#D3CDE6
#D4CCE6
#D5CBE6
#D6CAE6
#CFD4E2
#D1D2E2
#D3D1E2
#D4CFE2
#D6CEE2
#D8CCE2
#DACAE2
#CED9DE
#D1D7DE
#D3D4DE
#D6D2DE
#D8CFDE
#DBCDDE
#DECADE
#CDDEDB
#D0DBDB
#D3D8DB
#D7D4DB
#DAD1DB
#DDCEDB
#E1CADB
#CCE4D7
#D0E0D7
#D4DCD7
#D8D8D7
#DCD3D7
#E0CFD7
#E5CAD7
#CAEAD2
#CFE5D2
#D4E0D2
#D9DBD2
#DED6D2
#E4D0D2
#EACAD2
Colorpallet from #D2CAEA to #EAD2CA and to #EACAD2
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D2CAEA
#D6CBE5
#D6CBE5
#D6CBE5
#D6CBE5
#D6CAE6
#D6CAE6
#D6CAE6
#DACDE0
#DACDE0
#DACCE1
#DACCE1
#DACBE1
#DACBE2
#DACAE2
#DECEDB
#DECDDB
#DECDDC
#DECCDC
#DECBDD
#DECBDD
#DECADE
#E1CFD6
#E1CED7
#E1CDD8
#E1CDD8
#E1CCD9
#E1CBDA
#E1CADB
#E5D0D0
#E5CFD1
#E5CED2
#E5CDD3
#E5CCD4
#E5CBD6
#E5CAD7
#EAD2CA
#EAD1CB
#EACFCD
#EACECE
#EACDCF
#EACCD0
#EACAD2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts