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 #CCD8E9 to #CCE9D8 and to #D8CCE9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCDBE6
#CCDAE6
#CDD9E7
#CDD9E7
#CDD8E8
#CED7E8
#CED6E9
#CCDDE4
#CDDCE5
#CDDAE6
#CED9E6
#CFD7E7
#CFD6E8
#D0D4E9
#CCE0E1
#CDDEE2
#CEDCE4
#CFD9E5
#D0D7E6
#D1D5E7
#D2D2E9
#CCE3DE
#CDE0E0
#CFDDE2
#D0DAE3
#D1D7E5
#D2D4E7
#D4D0E9
#CCE6DB
#CEE2DD
#CFDEDF
#D1DAE2
#D2D7E4
#D4D3E6
#D6CEE9
#CCE9D8
#CEE4DB
#D0E0DD
#D2DBE0
#D4D6E3
#D6D2E6
#D8CCE9
Colorpallet from #CCD8E9 to #CCE9D8 and to #D8E9CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCDBE6
#CCDBE6
#CDDBE5
#CDDBE5
#CDDBE5
#CEDBE4
#CEDBE4
#CCDDE4
#CDDDE3
#CDDDE3
#CEDDE2
#CFDDE1
#CFDDE1
#D0DDE0
#CCE0E1
#CDE0E0
#CEE0DF
#CFE0DE
#D0E0DD
#D1E0DC
#D2E0DB
#CCE3DE
#CDE3DD
#CFE3DB
#D0E3DA
#D1E3D9
#D2E3D8
#D4E3D6
#CCE6DB
#CEE6DA
#CFE6D8
#D1E6D7
#D2E6D5
#D4E6D4
#D6E6D2
#CCE9D8
#CEE9D6
#D0E9D4
#D2E9D2
#D4E9D0
#D6E9CE
#D8E9CC
Colorpallet from #CCD8E9 to #CCE9D8 and to #E9CCD8
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCDBE6
#CDDAE6
#CED9E6
#CED9E6
#CFD8E6
#D0D7E6
#D1D6E6
#CCDDE4
#CDDCE4
#CFDAE4
#D0D9E4
#D2D7E4
#D3D6E4
#D5D4E4
#CCE0E1
#CEDEE1
#D0DCE1
#D3D9E1
#D5D7E1
#D7D5E1
#DAD2E1
#CCE3DE
#CFE0DE
#D2DDDE
#D5DADE
#D8D7DE
#DBD4DE
#DFD0DE
#CCE6DB
#D0E2DB
#D3DEDB
#D7DADB
#DBD7DB
#DED3DB
#E3CEDB
#CCE9D8
#D1E4D8
#D5E0D8
#DADBD8
#DFD6D8
#E3D2D8
#E9CCD8
Colorpallet from #CCD8E9 to #CCE9D8 and to #E9D8CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCDBE6
#CDDBE6
#CEDAE5
#CEDAE5
#CFD9E5
#D0D9E4
#D1D8E4
#CCDDE4
#CDDCE3
#CFDBE3
#D0DBE2
#D2DAE1
#D3D9E1
#D5D8E0
#CCE0E1
#CEDFE0
#D0DDDF
#D3DCDE
#D5DBDD
#D7DADC
#DAD8DB
#CCE3DE
#CFE1DD
#D2DFDB
#D5DEDA
#D8DCD9
#DBDAD8
#DFD8D6
#CCE6DB
#D0E4DA
#D3E2D8
#D7DFD7
#DBDDD5
#DEDBD4
#E3D8D2
#CCE9D8
#D1E6D6
#D5E4D4
#DAE1D2
#DFDED0
#E3DBCE
#E9D8CC
Colorpallet from #CCD8E9 to #D8CCE9 and to #D8E9CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CED6E9
#CED7E8
#CED8E7
#CED8E7
#CED9E6
#CEDAE5
#CEDBE4
#D0D4E9
#D0D5E8
#D0D7E6
#D0D8E5
#D0DAE3
#D0DBE2
#D0DDE0
#D2D2E9
#D2D4E7
#D2D6E5
#D2D9E2
#D2DBE0
#D2DDDE
#D2E0DB
#D4D0E9
#D4D3E6
#D4D6E3
#D4D9E0
#D4DCDD
#D4DFDA
#D4E3D6
#D6CEE9
#D6D2E5
#D6D6E2
#D6DADE
#D6DDDA
#D6E1D7
#D6E6D2
#D8CCE9
#D8D1E4
#D8D5E0
#D8DADB
#D8DFD6
#D8E3D2
#D8E9CC
Colorpallet from #CCD8E9 to #D8CCE9 and to #E9CCD8
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CED6E9
#CED6E9
#CFD6E8
#CFD6E8
#D0D6E7
#D0D6E7
#D1D6E6
#D0D4E9
#D1D4E8
#D2D4E7
#D2D4E7
#D3D4E6
#D4D4E5
#D5D4E4
#D2D2E9
#D3D2E8
#D5D2E6
#D6D2E5
#D7D2E4
#D8D2E3
#DAD2E1
#D4D0E9
#D6D0E7
#D8D0E5
#D9D0E4
#DBD0E2
#DDD0E0
#DFD0DE
#D6CEE9
#D8CEE7
#DACEE5
#DCCEE2
#DECEE0
#E0CEDE
#E3CEDB
#D8CCE9
#DBCCE6
#DDCCE4
#E0CCE1
#E3CCDE
#E6CCDB
#E9CCD8
Colorpallet from #CCD8E9 to #D8CCE9 and to #E9D8CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CED6E9
#CED6E8
#CFD7E7
#CFD7E7
#D0D7E6
#D0D8E5
#D1D8E4
#D0D4E9
#D1D5E8
#D2D5E6
#D2D6E5
#D3D7E3
#D4D7E2
#D5D8E0
#D2D2E9
#D3D3E7
#D5D4E5
#D6D5E2
#D7D6E0
#D8D7DE
#DAD8DB
#D4D0E9
#D6D1E6
#D8D3E3
#D9D4E0
#DBD5DD
#DDD6DA
#DFD8D6
#D6CEE9
#D8D0E5
#DAD1E2
#DCD3DE
#DED4DA
#E0D6D7
#E3D8D2
#D8CCE9
#DBCEE4
#DDD0E0
#E0D2DB
#E3D4D6
#E6D6D2
#E9D8CC
Colorpallet from #CCD8E9 to #D8E9CC and to #E9CCD8
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CEDBE4
#CEDAE4
#CFD9E5
#CFD9E5
#D0D8E5
#D0D7E6
#D1D6E6
#D0DDE0
#D1DCE1
#D2DAE1
#D2D9E2
#D3D7E3
#D4D6E3
#D5D4E4
#D2E0DB
#D3DEDC
#D5DCDD
#D6D9DE
#D7D7DF
#D8D5E0
#DAD2E1
#D4E3D6
#D6E0D7
#D8DDD9
#D9DADA
#DBD7DB
#DDD4DC
#DFD0DE
#D6E6D2
#D8E2D3
#DADED5
#DCDAD6
#DED7D8
#E0D3D9
#E3CEDB
#D8E9CC
#DBE4CE
#DDE0D0
#E0DBD2
#E3D6D4
#E6D2D6
#E9CCD8
Colorpallet from #CCD8E9 to #D8E9CC and to #E9D8CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CEDBE4
#CEDBE4
#CFDAE4
#CFDAE4
#D0D9E4
#D0D9E4
#D1D8E4
#D0DDE0
#D1DCE0
#D2DBE0
#D2DBE0
#D3DAE0
#D4D9E0
#D5D8E0
#D2E0DB
#D3DFDB
#D5DDDB
#D6DCDB
#D7DBDB
#D8DADB
#DAD8DB
#D4E3D6
#D6E1D6
#D8DFD6
#D9DED6
#DBDCD6
#DDDAD6
#DFD8D6
#D6E6D2
#D8E4D2
#DAE2D2
#DCDFD2
#DEDDD2
#E0DBD2
#E3D8D2
#D8E9CC
#DBE6CC
#DDE4CC
#E0E1CC
#E3DECC
#E6DBCC
#E9D8CC
Colorpallet from #CCD8E9 to #E9CCD8 and to #E9D8CC
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#CCD8E9
#D1D6E6
#D1D6E6
#D1D7E5
#D1D7E5
#D1D7E5
#D1D8E4
#D1D8E4
#D5D4E4
#D5D5E3
#D5D5E3
#D5D6E2
#D5D7E1
#D5D7E1
#D5D8E0
#DAD2E1
#DAD3E0
#DAD4DF
#DAD5DE
#DAD6DD
#DAD7DC
#DAD8DB
#DFD0DE
#DFD1DD
#DFD3DB
#DFD4DA
#DFD5D9
#DFD6D8
#DFD8D6
#E3CEDB
#E3D0DA
#E3D1D8
#E3D3D7
#E3D4D5
#E3D6D4
#E3D8D2
#E9CCD8
#E9CED6
#E9D0D4
#E9D2D2
#E9D4D0
#E9D6CE
#E9D8CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts