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 #CCD3E2 to #CCE2D3 and to #D3CCE2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD5E0
#CCD5E0
#CCD4E1
#CCD4E1
#CDD3E1
#CDD3E2
#CDD2E2
#CCD8DD
#CCD7DE
#CDD6DF
#CDD5DF
#CDD4E0
#CED2E1
#CED1E2
#CCDADB
#CCD8DC
#CDD7DD
#CDD5DE
#CED4DF
#CED2E1
#CFD0E2
#CCDDD8
#CDDBDA
#CDD9DB
#CED6DD
#CFD4DE
#CFD2E0
#D0CFE2
#CCDFD6
#CDDCD8
#CED9DA
#CFD6DC
#D0D3DE
#D1D1E0
#D2CDE2
#CCE2D3
#CDDED5
#CEDBD8
#CFD7DA
#D0D4DD
#D2D0DF
#D3CCE2
Colorpallet from #CCD3E2 to #CCE2D3 and to #D3E2CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD5E0
#CCD5E0
#CCD5DF
#CCD5DF
#CDD5DF
#CDD5DE
#CDD5DE
#CCD8DD
#CCD8DD
#CDD8DC
#CDD8DC
#CDD8DC
#CED8DB
#CED8DB
#CCDADB
#CCDADA
#CDDADA
#CDDAD9
#CEDAD8
#CEDAD8
#CFDAD7
#CCDDD8
#CDDDD7
#CDDDD7
#CEDDD6
#CFDDD5
#CFDDD5
#D0DDD4
#CCDFD6
#CDDFD5
#CEDFD4
#CFDFD3
#D0DFD2
#D1DFD1
#D2DFD0
#CCE2D3
#CDE2D2
#CEE2D1
#CFE2D0
#D0E2CF
#D2E2CD
#D3E2CC
Colorpallet from #CCD3E2 to #CCE2D3 and to #E2CCD3
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD5E0
#CDD5E0
#CDD4E0
#CED4E0
#CFD3E0
#CFD3E0
#D0D2E0
#CCD8DD
#CDD7DD
#CED6DD
#CFD5DD
#D0D4DD
#D2D2DD
#D3D1DD
#CCDADB
#CED8DB
#D0D7DB
#D1D5DB
#D3D4DB
#D5D2DB
#D7D0DB
#CCDDD8
#CEDBD8
#D0D9D8
#D3D6D8
#D5D4D8
#D7D2D8
#DACFD8
#CCDFD6
#CFDCD6
#D2D9D6
#D5D6D6
#D8D3D6
#DAD1D6
#DECDD6
#CCE2D3
#D0DED3
#D3DBD3
#D7D7D3
#DAD4D3
#DED0D3
#E2CCD3
Colorpallet from #CCD3E2 to #CCE2D3 and to #E2D3CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD5E0
#CDD5E0
#CDD4DF
#CED4DF
#CFD4DF
#CFD3DE
#D0D3DE
#CCD8DD
#CDD7DD
#CED6DC
#CFD6DC
#D0D5DC
#D2D4DB
#D3D3DB
#CCDADB
#CED9DA
#D0D8DA
#D1D7D9
#D3D6D8
#D5D4D8
#D7D3D7
#CCDDD8
#CEDBD7
#D0DAD7
#D3D8D6
#D5D7D5
#D7D5D5
#DAD3D4
#CCDFD6
#CFDDD5
#D2DBD4
#D5D9D3
#D8D7D2
#DAD5D1
#DED3D0
#CCE2D3
#D0E0D2
#D3DDD1
#D7DBD0
#DAD8CF
#DED6CD
#E2D3CC
Colorpallet from #CCD3E2 to #D3CCE2 and to #D3E2CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CDD2E2
#CDD2E1
#CDD3E1
#CDD3E0
#CDD4DF
#CDD4DF
#CDD5DE
#CED1E2
#CED2E1
#CED3E0
#CED4DF
#CED5DE
#CED7DC
#CED8DB
#CFD0E2
#CFD2E0
#CFD3DE
#CFD5DD
#CFD6DB
#CFD8D9
#CFDAD7
#D0CFE2
#D0D1E0
#D0D3DE
#D0D6DB
#D0D8D9
#D0DAD7
#D0DDD4
#D2CDE2
#D2D0DF
#D2D3DC
#D2D6D9
#D2D9D6
#D2DBD4
#D2DFD0
#D3CCE2
#D3D0DE
#D3D3DB
#D3D7D7
#D3DAD4
#D3DED0
#D3E2CC
Colorpallet from #CCD3E2 to #D3CCE2 and to #E2CCD3
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CDD2E2
#CDD2E2
#CED2E1
#CED2E1
#CFD2E1
#CFD2E0
#D0D2E0
#CED1E2
#CFD1E1
#D0D1E0
#D0D1E0
#D1D1DF
#D2D1DE
#D3D1DD
#CFD0E2
#D0D0E1
#D2D0E0
#D3D0DF
#D4D0DE
#D5D0DC
#D7D0DB
#D0CFE2
#D2CFE0
#D3CFDF
#D5CFDD
#D6CFDC
#D8CFDA
#DACFD8
#D2CDE2
#D4CDE0
#D6CDDE
#D8CDDC
#DACDDA
#DCCDD8
#DECDD6
#D3CCE2
#D5CCE0
#D8CCDD
#DACCDB
#DDCCD8
#DFCCD6
#E2CCD3
Colorpallet from #CCD3E2 to #D3CCE2 and to #E2D3CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CDD2E2
#CDD2E1
#CED2E1
#CED2E0
#CFD3DF
#CFD3DF
#D0D3DE
#CED1E2
#CFD1E1
#D0D2E0
#D0D2DF
#D1D2DE
#D2D3DC
#D3D3DB
#CFD0E2
#D0D0E0
#D2D1DE
#D3D1DD
#D4D2DB
#D5D2D9
#D7D3D7
#D0CFE2
#D2D0E0
#D3D0DE
#D5D1DB
#D6D2D9
#D8D2D7
#DAD3D4
#D2CDE2
#D4CEDF
#D6CFDC
#D8D0D9
#DAD1D6
#DCD2D4
#DED3D0
#D3CCE2
#D5CDDE
#D8CEDB
#DACFD7
#DDD0D4
#DFD2D0
#E2D3CC
Colorpallet from #CCD3E2 to #D3E2CC and to #E2CCD3
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CDD5DE
#CDD5DE
#CED4DF
#CED4DF
#CFD3DF
#CFD3E0
#D0D2E0
#CED8DB
#CFD7DB
#D0D6DC
#D0D5DC
#D1D4DC
#D2D2DD
#D3D1DD
#CFDAD7
#D0D8D8
#D2D7D8
#D3D5D9
#D4D4DA
#D5D2DA
#D7D0DB
#D0DDD4
#D2DBD5
#D3D9D5
#D5D6D6
#D6D4D7
#D8D2D7
#DACFD8
#D2DFD0
#D4DCD1
#D6D9D2
#D8D6D3
#DAD3D4
#DCD1D5
#DECDD6
#D3E2CC
#D5DECD
#D8DBCE
#DAD7CF
#DDD4D0
#DFD0D2
#E2CCD3
Colorpallet from #CCD3E2 to #D3E2CC and to #E2D3CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CDD5DE
#CDD5DE
#CED4DE
#CED4DE
#CFD4DE
#CFD3DE
#D0D3DE
#CED8DB
#CFD7DB
#D0D6DB
#D0D6DB
#D1D5DB
#D2D4DB
#D3D3DB
#CFDAD7
#D0D9D7
#D2D8D7
#D3D7D7
#D4D6D7
#D5D4D7
#D7D3D7
#D0DDD4
#D2DBD4
#D3DAD4
#D5D8D4
#D6D7D4
#D8D5D4
#DAD3D4
#D2DFD0
#D4DDD0
#D6DBD0
#D8D9D0
#DAD7D0
#DCD5D0
#DED3D0
#D3E2CC
#D5E0CC
#D8DDCC
#DADBCC
#DDD8CC
#DFD6CC
#E2D3CC
Colorpallet from #CCD3E2 to #E2CCD3 and to #E2D3CC
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#CCD3E2
#D0D2E0
#D0D2E0
#D0D2DF
#D0D2DF
#D0D3DF
#D0D3DE
#D0D3DE
#D3D1DD
#D3D1DD
#D3D2DC
#D3D2DC
#D3D2DC
#D3D3DB
#D3D3DB
#D7D0DB
#D7D0DA
#D7D1DA
#D7D1D9
#D7D2D8
#D7D2D8
#D7D3D7
#DACFD8
#DAD0D7
#DAD0D7
#DAD1D6
#DAD2D5
#DAD2D5
#DAD3D4
#DECDD6
#DECED5
#DECFD4
#DED0D3
#DED1D2
#DED2D1
#DED3D0
#E2CCD3
#E2CDD2
#E2CED1
#E2CFD0
#E2D0CF
#E2D2CD
#E2D3CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts