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 #CAD2EA to #CAEAD2 and to #D2CAEA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD6E6
#CAD5E7
#CAD4E7
#CAD4E8
#CBD3E9
#CBD2E9
#CBD1EA
#CADAE2
#CAD8E3
#CBD6E5
#CBD5E6
#CCD3E7
#CCD1E8
#CDCFEA
#CADEDE
#CBDBE0
#CBD9E2
#CCD6E4
#CDD4E6
#CDD1E8
#CECEEA
#CAE1DB
#CBDEDD
#CCDBE0
#CCD7E2
#CDD4E5
#CED1E7
#CFCDEA
#CAE5D7
#CBE1DA
#CCDDDD
#CDD9E0
#CED5E3
#CFD1E6
#D0CCEA
#CAEAD2
#CBE5D6
#CDE0DA
#CEDBDE
#CFD6E1
#D0D0E5
#D2CAEA
Colorpallet from #CAD2EA to #CAEAD2 and to #D2EACA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD6E6
#CAD6E6
#CAD6E6
#CAD6E6
#CBD6E5
#CBD6E5
#CBD6E5
#CADAE2
#CADAE2
#CBDAE1
#CBDAE1
#CCDAE1
#CCDAE0
#CDDAE0
#CADEDE
#CBDEDE
#CBDEDD
#CCDEDD
#CDDEDC
#CDDEDC
#CEDEDB
#CAE1DB
#CBE1DA
#CCE1D9
#CCE1D9
#CDE1D8
#CEE1D7
#CFE1D6
#CAE5D7
#CBE5D6
#CCE5D5
#CDE5D4
#CEE5D3
#CFE5D1
#D0E5D0
#CAEAD2
#CBEAD1
#CDEACF
#CEEACE
#CFEACD
#D0EACC
#D2EACA
Colorpallet from #CAD2EA to #CAEAD2 and to #EACAD2
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD6E6
#CBD5E6
#CCD4E6
#CCD4E6
#CDD3E6
#CED2E6
#CFD1E6
#CADAE2
#CCD8E2
#CDD6E2
#CFD5E2
#D0D3E2
#D2D1E2
#D4CFE2
#CADEDE
#CCDBDE
#CFD9DE
#D1D6DE
#D4D4DE
#D6D1DE
#D9CEDE
#CAE1DB
#CDDEDB
#D0DBDB
#D4D7DB
#D7D4DB
#DAD1DB
#DECDDB
#CAE5D7
#CEE1D7
#D2DDD7
#D6D9D7
#DBD5D7
#DFD1D7
#E4CCD7
#CAEAD2
#CFE5D2
#D4E0D2
#D9DBD2
#DED6D2
#E4D0D2
#EACAD2
Colorpallet from #CAD2EA to #CAEAD2 and to #EAD2CA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD6E6
#CBD5E6
#CCD5E6
#CCD4E6
#CDD3E5
#CED3E5
#CFD2E5
#CADAE2
#CCD9E2
#CDD7E1
#CFD6E1
#D0D5E1
#D2D4E0
#D4D2E0
#CADEDE
#CCDCDE
#CFDADD
#D1D8DD
#D4D6DC
#D6D4DC
#D9D2DB
#CAE1DB
#CDDFDA
#D0DCD9
#D4DAD9
#D7D7D8
#DAD5D7
#DED2D6
#CAE5D7
#CEE2D6
#D2DFD5
#D6DCD4
#DBD9D3
#DFD6D1
#E4D2D0
#CAEAD2
#CFE6D1
#D4E2CF
#D9DECE
#DEDBCD
#E4D7CC
#EAD2CA
Colorpallet from #CAD2EA to #D2CAEA and to #D2EACA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CBD1EA
#CBD2E9
#CBD3E8
#CBD3E8
#CBD4E7
#CBD5E6
#CBD6E5
#CDCFEA
#CDD1E8
#CDD3E7
#CDD4E5
#CDD6E4
#CDD8E2
#CDDAE0
#CECEEA
#CED1E8
#CED3E5
#CED6E3
#CED8E0
#CEDBDE
#CEDEDB
#CFCDEA
#CFD0E7
#CFD3E4
#CFD7E0
#CFDADD
#CFDDDA
#CFE1D6
#D0CCEA
#D0D0E6
#D0D4E2
#D0D8DE
#D0DCD9
#D0E0D5
#D0E5D0
#D2CAEA
#D2CFE5
#D2D4E0
#D2D9DB
#D2DED6
#D2E4D0
#D2EACA
Colorpallet from #CAD2EA to #D2CAEA and to #EACAD2
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CBD1EA
#CCD1E9
#CCD1E9
#CDD1E8
#CED1E7
#CED1E7
#CFD1E6
#CDCFEA
#CECFE9
#CFCFE7
#D0CFE6
#D1CFE5
#D3CFE4
#D4CFE2
#CECEEA
#D0CEE8
#D2CEE6
#D3CEE4
#D5CEE2
#D7CEE0
#D9CEDE
#CFCDEA
#D1CDE8
#D4CDE5
#D6CDE3
#D9CDE0
#DBCDDE
#DECDDB
#D0CCEA
#D3CCE7
#D6CCE4
#DACCE1
#DDCCDE
#E0CCDB
#E4CCD7
#D2CAEA
#D6CAE6
#DACAE2
#DECADE
#E1CADB
#E5CAD7
#EACAD2
Colorpallet from #CAD2EA to #D2CAEA and to #EAD2CA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CBD1EA
#CCD1E9
#CCD1E8
#CDD1E8
#CED2E7
#CED2E6
#CFD2E5
#CDCFEA
#CECFE8
#CFD0E7
#D0D0E5
#D1D1E4
#D3D1E2
#D4D2E0
#CECEEA
#D0CFE8
#D2CFE5
#D3D0E3
#D5D1E0
#D7D1DE
#D9D2DB
#CFCDEA
#D1CEE7
#D4CFE4
#D6CFE0
#D9D0DD
#DBD1DA
#DED2D6
#D0CCEA
#D3CDE6
#D6CEE2
#DACFDE
#DDD0D9
#E0D1D5
#E4D2D0
#D2CAEA
#D6CBE5
#DACDE0
#DECEDB
#E1CFD6
#E5D0D0
#EAD2CA
Colorpallet from #CAD2EA to #D2EACA and to #EACAD2
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CBD6E5
#CCD5E5
#CCD4E5
#CDD4E5
#CED3E6
#CED2E6
#CFD1E6
#CDDAE0
#CED8E0
#CFD6E1
#D0D5E1
#D1D3E1
#D3D1E2
#D4CFE2
#CEDEDB
#D0DBDB
#D2D9DC
#D3D6DC
#D5D4DD
#D7D1DD
#D9CEDE
#CFE1D6
#D1DED7
#D4DBD8
#D6D7D8
#D9D4D9
#DBD1DA
#DECDDB
#D0E5D0
#D3E1D1
#D6DDD2
#DAD9D3
#DDD5D4
#E0D1D6
#E4CCD7
#D2EACA
#D6E5CB
#DAE0CD
#DEDBCE
#E1D6CF
#E5D0D0
#EACAD2
Colorpallet from #CAD2EA to #D2EACA and to #EAD2CA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CBD6E5
#CCD5E5
#CCD5E5
#CDD4E5
#CED3E5
#CED3E5
#CFD2E5
#CDDAE0
#CED9E0
#CFD7E0
#D0D6E0
#D1D5E0
#D3D4E0
#D4D2E0
#CEDEDB
#D0DCDB
#D2DADB
#D3D8DB
#D5D6DB
#D7D4DB
#D9D2DB
#CFE1D6
#D1DFD6
#D4DCD6
#D6DAD6
#D9D7D6
#DBD5D6
#DED2D6
#D0E5D0
#D3E2D0
#D6DFD0
#DADCD0
#DDD9D0
#E0D6D0
#E4D2D0
#D2EACA
#D6E6CA
#DAE2CA
#DEDECA
#E1DBCA
#E5D7CA
#EAD2CA
Colorpallet from #CAD2EA to #EACAD2 and to #EAD2CA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CAD2EA
#CFD1E6
#CFD1E6
#CFD1E6
#CFD1E6
#CFD2E5
#CFD2E5
#CFD2E5
#D4CFE2
#D4CFE2
#D4D0E1
#D4D0E1
#D4D1E1
#D4D1E0
#D4D2E0
#D9CEDE
#D9CFDE
#D9CFDD
#D9D0DD
#D9D1DC
#D9D1DC
#D9D2DB
#DECDDB
#DECEDA
#DECFD9
#DECFD9
#DED0D8
#DED1D7
#DED2D6
#E4CCD7
#E4CDD6
#E4CED5
#E4CFD4
#E4D0D3
#E4D1D1
#E4D2D0
#EACAD2
#EACBD1
#EACDCF
#EACECE
#EACFCD
#EAD0CC
#EAD2CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts