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 #CADAF3 to #CAF3DA and to #DACAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADEEF
#CADDF0
#CBDCF0
#CBDBF1
#CCDAF2
#CCD8F2
#CDD7F3
#CAE2EB
#CBE0EC
#CCDEEE
#CCDCEF
#CDDAF0
#CED8F1
#CFD5F3
#CAE6E7
#CBE3E9
#CDE0EB
#CEDCED
#CFD9EF
#D0D6F1
#D2D2F3
#CAEAE3
#CCE6E6
#CDE2E8
#CFDEEB
#D0D9ED
#D2D5F0
#D4D0F3
#CAEEDF
#CCE9E2
#CEE3E5
#D0DEE9
#D2D9EC
#D4D4EF
#D7CDF3
#CAF3DA
#CDECDE
#CFE6E2
#D2DFE6
#D4D9EA
#D7D2EE
#DACAF3
Colorpallet from #CADAF3 to #CAF3DA and to #DAF3CA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADEEF
#CADEEF
#CBDEEE
#CBDEEE
#CCDEED
#CCDEED
#CDDEEC
#CAE2EB
#CBE2EA
#CCE2E9
#CCE2E9
#CDE2E8
#CEE2E7
#CFE2E6
#CAE6E7
#CBE6E6
#CDE6E4
#CEE6E3
#CFE6E2
#D0E6E1
#D2E6DF
#CAEAE3
#CCEAE1
#CDEAE0
#CFEADE
#D0EADD
#D2EADB
#D4EAD9
#CAEEDF
#CCEEDD
#CEEEDB
#D0EED9
#D2EED7
#D4EED5
#D7EED2
#CAF3DA
#CDF3D7
#CFF3D5
#D2F3D2
#D4F3D0
#D7F3CD
#DAF3CA
Colorpallet from #CADAF3 to #CAF3DA and to #F3CADA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADEEF
#CBDDEF
#CCDCEF
#CDDBEF
#CEDAEF
#D0D8EF
#D1D7EF
#CAE2EB
#CCE0EB
#CEDEEB
#D0DCEB
#D2DAEB
#D4D8EB
#D7D5EB
#CAE6E7
#CDE3E7
#D0E0E7
#D4DCE7
#D7D9E7
#DAD6E7
#DED2E7
#CAEAE3
#CEE6E3
#D2E2E3
#D6DEE3
#DBD9E3
#DFD5E3
#E4D0E3
#CAEEDF
#CFE9DF
#D5E3DF
#DADEDF
#DFD9DF
#E4D4DF
#EBCDDF
#CAF3DA
#D1ECDA
#D7E6DA
#DEDFDA
#E4D9DA
#EBD2DA
#F3CADA
Colorpallet from #CADAF3 to #CAF3DA and to #F3DACA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADEEF
#CBDDEF
#CCDDEE
#CDDCEE
#CEDBED
#D0DBED
#D1DAEC
#CAE2EB
#CCE1EA
#CEDFE9
#D0DEE9
#D2DDE8
#D4DCE7
#D7DAE6
#CAE6E7
#CDE4E6
#D0E2E4
#D4E0E3
#D7DEE2
#DADCE1
#DEDADF
#CAEAE3
#CEE7E1
#D2E5E0
#D6E2DE
#DBE0DD
#DFDDDB
#E4DAD9
#CAEEDF
#CFEBDD
#D5E8DB
#DAE4D9
#DFE1D7
#E4DED5
#EBDAD2
#CAF3DA
#D1EFD7
#D7EBD5
#DEE7D2
#E4E3D0
#EBDFCD
#F3DACA
Colorpallet from #CADAF3 to #DACAF3 and to #DAF3CA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CDD7F3
#CDD8F2
#CDD9F1
#CDDAF0
#CDDBEF
#CDDDED
#CDDEEC
#CFD5F3
#CFD7F1
#CFD9EF
#CFDBED
#CFDDEB
#CFDFE9
#CFE2E6
#D2D2F3
#D2D5F0
#D2D8ED
#D2DCE9
#D2DFE6
#D2E2E3
#D2E6DF
#D4D0F3
#D4D4EF
#D4D8EB
#D4DCE7
#D4E1E2
#D4E5DE
#D4EAD9
#D7CDF3
#D7D2EE
#D7D8E8
#D7DDE3
#D7E2DE
#D7E7D9
#D7EED2
#DACAF3
#DAD1EC
#DAD7E6
#DADEDF
#DAE4D9
#DAEBD2
#DAF3CA
Colorpallet from #CADAF3 to #DACAF3 and to #F3CADA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CDD7F3
#CED7F2
#CED7F2
#CFD7F1
#D0D7F0
#D0D7F0
#D1D7EF
#CFD5F3
#D0D5F2
#D2D5F0
#D3D5EF
#D4D5EE
#D5D5ED
#D7D5EB
#D2D2F3
#D4D2F1
#D6D2EF
#D8D2ED
#DAD2EB
#DCD2E9
#DED2E7
#D4D0F3
#D7D0F0
#D9D0EE
#DCD0EB
#DED0E9
#E1D0E6
#E4D0E3
#D7CDF3
#DACDF0
#DDCDED
#E1CDE9
#E4CDE6
#E7CDE3
#EBCDDF
#DACAF3
#DECAEF
#E2CAEB
#E6CAE7
#EACAE3
#EECADF
#F3CADA
Colorpallet from #CADAF3 to #DACAF3 and to #F3DACA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CDD7F3
#CED7F2
#CED8F1
#CFD8F0
#D0D9EF
#D0D9ED
#D1DAEC
#CFD5F3
#D0D6F1
#D2D7EF
#D3D7ED
#D4D8EB
#D5D9E9
#D7DAE6
#D2D2F3
#D4D3F0
#D6D5ED
#D8D6E9
#DAD7E6
#DCD8E3
#DEDADF
#D4D0F3
#D7D2EF
#D9D3EB
#DCD5E7
#DED6E2
#E1D8DE
#E4DAD9
#D7CDF3
#DACFEE
#DDD1E8
#E1D3E3
#E4D5DE
#E7D7D9
#EBDAD2
#DACAF3
#DECDEC
#E2CFE6
#E6D2DF
#EAD4D9
#EED7D2
#F3DACA
Colorpallet from #CADAF3 to #DAF3CA and to #F3CADA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CDDEEC
#CEDDEC
#CEDCED
#CFDBED
#D0DAEE
#D0D8EE
#D1D7EF
#CFE2E6
#D0E0E7
#D2DEE8
#D3DCE8
#D4DAE9
#D5D8EA
#D7D5EB
#D2E6DF
#D4E3E0
#D6E0E2
#D8DCE3
#DAD9E4
#DCD6E5
#DED2E7
#D4EAD9
#D7E6DB
#D9E2DC
#DCDEDE
#DED9DF
#E1D5E1
#E4D0E3
#D7EED2
#DAE9D4
#DDE3D6
#E1DED8
#E4D9DA
#E7D4DC
#EBCDDF
#DAF3CA
#DEECCD
#E2E6CF
#E6DFD2
#EAD9D4
#EED2D7
#F3CADA
Colorpallet from #CADAF3 to #DAF3CA and to #F3DACA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CDDEEC
#CEDDEC
#CEDDEC
#CFDCEC
#D0DBEC
#D0DBEC
#D1DAEC
#CFE2E6
#D0E1E6
#D2DFE6
#D3DEE6
#D4DDE6
#D5DCE6
#D7DAE6
#D2E6DF
#D4E4DF
#D6E2DF
#D8E0DF
#DADEDF
#DCDCDF
#DEDADF
#D4EAD9
#D7E7D9
#D9E5D9
#DCE2D9
#DEE0D9
#E1DDD9
#E4DAD9
#D7EED2
#DAEBD2
#DDE8D2
#E1E4D2
#E4E1D2
#E7DED2
#EBDAD2
#DAF3CA
#DEEFCA
#E2EBCA
#E6E7CA
#EAE3CA
#EEDFCA
#F3DACA
Colorpallet from #CADAF3 to #F3CADA and to #F3DACA
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#CADAF3
#D1D7EF
#D1D7EF
#D1D8EE
#D1D8EE
#D1D9ED
#D1D9ED
#D1DAEC
#D7D5EB
#D7D6EA
#D7D7E9
#D7D7E9
#D7D8E8
#D7D9E7
#D7DAE6
#DED2E7
#DED3E6
#DED5E4
#DED6E3
#DED7E2
#DED8E1
#DEDADF
#E4D0E3
#E4D2E1
#E4D3E0
#E4D5DE
#E4D6DD
#E4D8DB
#E4DAD9
#EBCDDF
#EBCFDD
#EBD1DB
#EBD3D9
#EBD5D7
#EBD7D5
#EBDAD2
#F3CADA
#F3CDD7
#F3CFD5
#F3D2D2
#F3D4D0
#F3D7CD
#F3DACA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
