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 #CADDE2 to #CAE2DD and to #DDCAE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADEE1
#CADDE1
#CBDDE1
#CBDCE1
#CCDBE2
#CCDBE2
#CDDAE2
#CADFE0
#CBDEE0
#CCDCE1
#CDDBE1
#CEDAE1
#CFD9E2
#D0D7E2
#CADFE0
#CBDDE0
#CDDBE1
#CEDAE1
#D0D8E1
#D1D6E2
#D3D4E2
#CAE0DF
#CCDEDF
#CEDBE0
#D0D9E0
#D2D6E1
#D4D4E1
#D6D1E2
#CAE1DE
#CCDEDF
#CFDBDF
#D1D8E0
#D4D5E1
#D6D2E1
#D9CEE2
#CAE2DD
#CDDEDE
#D0DADF
#D3D6DF
#D6D3E0
#D9CFE1
#DDCAE2
Colorpallet from #CADDE2 to #CAE2DD and to #DDE2CA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADEE1
#CADEE1
#CBDEE0
#CBDEE0
#CCDEDF
#CCDEDF
#CDDEDE
#CADFE0
#CBDFDF
#CCDFDE
#CDDFDD
#CEDFDC
#CFDFDB
#D0DFDA
#CADFE0
#CBDFDE
#CDDFDD
#CEDFDB
#D0DFDA
#D1DFD8
#D3DFD6
#CAE0DF
#CCE0DD
#CEE0DB
#D0E0D9
#D2E0D7
#D4E0D5
#D6E0D3
#CAE1DE
#CCE1DC
#CFE1D9
#D1E1D7
#D4E1D4
#D6E1D2
#D9E1CF
#CAE2DD
#CDE2DA
#D0E2D7
#D3E2D4
#D6E2D1
#D9E2CE
#DDE2CA
Colorpallet from #CADDE2 to #CAE2DD and to #E2CADD
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADEE1
#CBDDE1
#CBDDE1
#CCDCE1
#CDDBE1
#CDDBE1
#CEDAE1
#CADFE0
#CBDEE0
#CDDCE0
#CEDBE0
#CFDAE0
#D0D9E0
#D2D7E0
#CADFE0
#CCDDE0
#CEDBE0
#D0DAE0
#D2D8E0
#D4D6E0
#D6D4E0
#CAE0DF
#CCDEDF
#CFDBDF
#D1D9DF
#D4D6DF
#D6D4DF
#D9D1DF
#CAE1DE
#CDDEDE
#D0DBDE
#D3D8DE
#D6D5DE
#D9D2DE
#DDCEDE
#CAE2DD
#CEDEDD
#D2DADD
#D6D6DD
#D9D3DD
#DDCFDD
#E2CADD
Colorpallet from #CADDE2 to #CAE2DD and to #E2DDCA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADEE1
#CBDEE1
#CBDEE0
#CCDEE0
#CDDDDF
#CDDDDF
#CEDDDE
#CADFE0
#CBDFDF
#CDDEDE
#CEDEDD
#CFDEDC
#D0DDDB
#D2DDDA
#CADFE0
#CCDFDE
#CEDEDD
#D0DEDB
#D2DEDA
#D4DDD8
#D6DDD6
#CAE0DF
#CCE0DD
#CFDFDB
#D1DFD9
#D4DED7
#D6DED5
#D9DDD3
#CAE1DE
#CDE0DC
#D0E0D9
#D3DFD7
#D6DED4
#D9DED2
#DDDDCF
#CAE2DD
#CEE1DA
#D2E0D7
#D6E0D4
#D9DFD1
#DDDECE
#E2DDCA
Colorpallet from #CADDE2 to #DDCAE2 and to #DDE2CA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CDDAE2
#CDDBE1
#CDDBE1
#CDDCE0
#CDDDDF
#CDDDDF
#CDDEDE
#D0D7E2
#D0D8E1
#D0DADF
#D0DBDE
#D0DCDD
#D0DDDC
#D0DFDA
#D3D4E2
#D3D6E0
#D3D8DE
#D3D9DC
#D3DBDA
#D3DDD8
#D3DFD6
#D6D1E2
#D6D3E0
#D6D6DD
#D6D8DB
#D6DBD8
#D6DDD6
#D6E0D3
#D9CEE2
#D9D1DF
#D9D4DC
#D9D7D9
#D9DAD6
#D9DDD3
#D9E1CF
#DDCAE2
#DDCEDE
#DDD2DA
#DDD6D6
#DDD9D3
#DDDDCF
#DDE2CA
Colorpallet from #CADDE2 to #DDCAE2 and to #E2CADD
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CDDAE2
#CDDAE2
#CDDAE2
#CDDAE2
#CEDAE1
#CEDAE1
#CEDAE1
#D0D7E2
#D0D7E2
#D1D7E1
#D1D7E1
#D1D7E1
#D2D7E0
#D2D7E0
#D3D4E2
#D3D4E2
#D4D4E1
#D4D4E1
#D5D4E1
#D5D4E0
#D6D4E0
#D6D1E2
#D6D1E2
#D7D1E1
#D7D1E1
#D8D1E0
#D8D1E0
#D9D1DF
#D9CEE2
#DACEE1
#DACEE1
#DBCEE0
#DCCEDF
#DCCEDF
#DDCEDE
#DDCAE2
#DECAE1
#DFCAE0
#DFCAE0
#E0CADF
#E1CADE
#E2CADD
Colorpallet from #CADDE2 to #DDCAE2 and to #E2DDCA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CDDAE2
#CDDAE1
#CDDBE1
#CDDBE0
#CEDCDF
#CEDCDF
#CEDDDE
#D0D7E2
#D0D8E1
#D1D9DF
#D1DADE
#D1DBDD
#D2DCDC
#D2DDDA
#D3D4E2
#D3D5E0
#D4D7DE
#D4D8DC
#D5DADA
#D5DBD8
#D6DDD6
#D6D1E2
#D6D3E0
#D7D5DD
#D7D7DB
#D8D9D8
#D8DBD6
#D9DDD3
#D9CEE2
#DAD0DF
#DAD3DC
#DBD5D9
#DCD8D6
#DCDAD3
#DDDDCF
#DDCAE2
#DECDDE
#DFD0DA
#DFD3D6
#E0D6D3
#E1D9CF
#E2DDCA
Colorpallet from #CADDE2 to #DDE2CA and to #E2CADD
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CDDEDE
#CDDDDE
#CDDDDF
#CDDCDF
#CEDBE0
#CEDBE0
#CEDAE1
#D0DFDA
#D0DEDB
#D1DCDC
#D1DBDD
#D1DADE
#D2D9DF
#D2D7E0
#D3DFD6
#D3DDD8
#D4DBD9
#D4DADB
#D5D8DC
#D5D6DE
#D6D4E0
#D6E0D3
#D6DED5
#D7DBD7
#D7D9D9
#D8D6DB
#D8D4DD
#D9D1DF
#D9E1CF
#DADED1
#DADBD4
#DBD8D6
#DCD5D9
#DCD2DB
#DDCEDE
#DDE2CA
#DEDECD
#DFDAD0
#DFD6D3
#E0D3D6
#E1CFD9
#E2CADD
Colorpallet from #CADDE2 to #DDE2CA and to #E2DDCA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CDDEDE
#CDDEDE
#CDDEDE
#CDDEDE
#CEDDDE
#CEDDDE
#CEDDDE
#D0DFDA
#D0DFDA
#D1DEDA
#D1DEDA
#D1DEDA
#D2DDDA
#D2DDDA
#D3DFD6
#D3DFD6
#D4DED6
#D4DED6
#D5DED6
#D5DDD6
#D6DDD6
#D6E0D3
#D6E0D3
#D7DFD3
#D7DFD3
#D8DED3
#D8DED3
#D9DDD3
#D9E1CF
#DAE0CF
#DAE0CF
#DBDFCF
#DCDECF
#DCDECF
#DDDDCF
#DDE2CA
#DEE1CA
#DFE0CA
#DFE0CA
#E0DFCA
#E1DECA
#E2DDCA
Colorpallet from #CADDE2 to #E2CADD and to #E2DDCA
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CADDE2
#CEDAE1
#CEDAE1
#CEDBE0
#CEDBE0
#CEDCDF
#CEDCDF
#CEDDDE
#D2D7E0
#D2D8DF
#D2D9DE
#D2DADD
#D2DBDC
#D2DCDB
#D2DDDA
#D6D4E0
#D6D5DE
#D6D7DD
#D6D8DB
#D6DADA
#D6DBD8
#D6DDD6
#D9D1DF
#D9D3DD
#D9D5DB
#D9D7D9
#D9D9D7
#D9DBD5
#D9DDD3
#DDCEDE
#DDD0DC
#DDD3D9
#DDD5D7
#DDD8D4
#DDDAD2
#DDDDCF
#E2CADD
#E2CDDA
#E2D0D7
#E2D3D4
#E2D6D1
#E2D9CE
#E2DDCA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts