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 #C4E0ED to #C4EDE0 and to #E0C4ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E2EB
#C5E1EB
#C5E0EC
#C6DFEC
#C7DEEC
#C7DDED
#C8DCED
#C4E4E9
#C5E2EA
#C7E0EA
#C8DEEB
#CADCEC
#CBDAEC
#CDD7ED
#C4E6E7
#C6E3E8
#C8E0E9
#CADDEA
#CCDAEB
#CED7EC
#D1D3ED
#C4E8E5
#C7E4E6
#CAE0E8
#CDDCE9
#D0D7EA
#D2D3EB
#D6CEED
#C4EAE3
#C8E5E5
#CBE0E6
#CFDBE8
#D2D6E9
#D6D0EB
#DACAED
#C4EDE0
#C8E6E2
#CDE0E4
#D1D9E6
#D6D3E8
#DACCEA
#E0C4ED
Colorpallet from #C4E0ED to #C4EDE0 and to #E0EDC4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E2EB
#C5E2EA
#C5E2E9
#C6E2E9
#C7E2E8
#C7E2E7
#C8E2E6
#C4E4E9
#C5E4E8
#C7E4E6
#C8E4E5
#CAE4E3
#CBE4E2
#CDE4E0
#C4E6E7
#C6E6E5
#C8E6E3
#CAE6E0
#CCE6DE
#CEE6DC
#D1E6D9
#C4E8E5
#C7E8E2
#CAE8DF
#CDE8DC
#D0E8D9
#D2E8D7
#D6E8D3
#C4EAE3
#C8EADF
#CBEADC
#CFEAD8
#D2EAD4
#D6EAD1
#DAEACC
#C4EDE0
#C8EDDC
#CDEDD7
#D1EDD3
#D6EDCE
#DAEDCA
#E0EDC4
Colorpallet from #C4E0ED to #C4EDE0 and to #EDC4E0
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E2EB
#C5E1EB
#C6E0EB
#C7DFEB
#C8DEEB
#CADDEB
#CBDCEB
#C4E4E9
#C6E2E9
#C8E0E9
#CADEE9
#CCDCE9
#CEDAE9
#D1D7E9
#C4E6E7
#C7E3E7
#CAE0E7
#CEDDE7
#D1DAE7
#D4D7E7
#D8D3E7
#C4E8E5
#C8E4E5
#CCE0E5
#D0DCE5
#D5D7E5
#D9D3E5
#DECEE5
#C4EAE3
#C9E5E3
#CFE0E3
#D4DBE3
#D9D6E3
#DED0E3
#E5CAE3
#C4EDE0
#CBE6E0
#D1E0E0
#D8D9E0
#DED3E0
#E5CCE0
#EDC4E0
Colorpallet from #C4E0ED to #C4EDE0 and to #EDE0C4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E2EB
#C5E2EA
#C6E1E9
#C7E1E9
#C8E1E8
#CAE0E7
#CBE0E6
#C4E4E9
#C6E3E8
#C8E3E6
#CAE2E5
#CCE1E3
#CEE1E2
#D1E0E0
#C4E6E7
#C7E5E5
#CAE4E3
#CEE3E0
#D1E2DE
#D4E1DC
#D8E0D9
#C4E8E5
#C8E7E2
#CCE5DF
#D0E4DC
#D5E3D9
#D9E2D7
#DEE0D3
#C4EAE3
#C9E8DF
#CFE7DC
#D4E5D8
#D9E4D4
#DEE2D1
#E5E0CC
#C4EDE0
#CBEBDC
#D1E9D7
#D8E7D3
#DEE5CE
#E5E3CA
#EDE0C4
Colorpallet from #C4E0ED to #E0C4ED and to #E0EDC4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C8DCED
#C8DDEC
#C8DEEB
#C8DFEA
#C8E0E9
#C8E1E7
#C8E2E6
#CDD7ED
#CDD9EB
#CDDBE9
#CDDDE7
#CDDFE5
#CDE1E3
#CDE4E0
#D1D3ED
#D1D6EA
#D1D9E7
#D1DCE3
#D1DFE0
#D1E2DD
#D1E6D9
#D6CEED
#D6D2E9
#D6D6E5
#D6DAE1
#D6DFDC
#D6E3D8
#D6E8D3
#DACAED
#DACFE8
#DAD4E2
#DAD9DD
#DADED8
#DAE4D3
#DAEACC
#E0C4ED
#E0CBE6
#E0D1E0
#E0D8D9
#E0DED3
#E0E5CC
#E0EDC4
Colorpallet from #C4E0ED to #E0C4ED and to #EDC4E0
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C8DCED
#C8DCED
#C9DCEC
#C9DCEC
#CADCEC
#CADCEB
#CBDCEB
#CDD7ED
#CED7EC
#CED7EC
#CFD7EB
#D0D7EA
#D0D7EA
#D1D7E9
#D1D3ED
#D2D3EC
#D3D3EB
#D4D3EA
#D5D3E9
#D7D3E8
#D8D3E7
#D6CEED
#D7CEEC
#D9CEEA
#DACEE9
#DBCEE8
#DCCEE7
#DECEE5
#DACAED
#DCCAEB
#DECAEA
#DFCAE8
#E1CAE7
#E3CAE5
#E5CAE3
#E0C4ED
#E2C4EB
#E4C4E9
#E6C4E7
#E8C4E5
#EAC4E3
#EDC4E0
Colorpallet from #C4E0ED to #E0C4ED and to #EDE0C4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C8DCED
#C8DDEC
#C9DDEB
#C9DEEA
#CADFE9
#CADFE7
#CBE0E6
#CDD7ED
#CED8EB
#CEDAE9
#CFDBE7
#D0DDE5
#D0DEE3
#D1E0E0
#D1D3ED
#D2D5EA
#D3D7E7
#D4D9E3
#D5DBE0
#D7DDDD
#D8E0D9
#D6CEED
#D7D1E9
#D9D4E5
#DAD7E1
#DBDADC
#DCDCD8
#DEE0D3
#DACAED
#DCCEE8
#DED1E2
#DFD5DD
#E1D8D8
#E3DCD3
#E5E0CC
#E0C4ED
#E2C8E6
#E4CDE0
#E6D1D9
#E8D6D3
#EADACC
#EDE0C4
Colorpallet from #C4E0ED to #E0EDC4 and to #EDC4E0
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C8E2E6
#C8E1E7
#C9E0E8
#C9DFE8
#CADEE9
#CADDEA
#CBDCEB
#CDE4E0
#CEE2E1
#CEE0E3
#CFDEE4
#D0DCE6
#D0DAE7
#D1D7E9
#D1E6D9
#D2E3DB
#D3E0DD
#D4DDE0
#D5DAE2
#D7D7E4
#D8D3E7
#D6E8D3
#D7E4D6
#D9E0D9
#DADCDC
#DBD7DF
#DCD3E1
#DECEE5
#DAEACC
#DCE5D0
#DEE0D3
#DFDBD7
#E1D6DB
#E3D0DE
#E5CAE3
#E0EDC4
#E2E6C8
#E4E0CD
#E6D9D1
#E8D3D6
#EACCDA
#EDC4E0
Colorpallet from #C4E0ED to #E0EDC4 and to #EDE0C4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C8E2E6
#C8E2E6
#C9E1E6
#C9E1E6
#CAE1E6
#CAE0E6
#CBE0E6
#CDE4E0
#CEE3E0
#CEE3E0
#CFE2E0
#D0E1E0
#D0E1E0
#D1E0E0
#D1E6D9
#D2E5D9
#D3E4D9
#D4E3D9
#D5E2D9
#D7E1D9
#D8E0D9
#D6E8D3
#D7E7D3
#D9E5D3
#DAE4D3
#DBE3D3
#DCE2D3
#DEE0D3
#DAEACC
#DCE8CC
#DEE7CC
#DFE5CC
#E1E4CC
#E3E2CC
#E5E0CC
#E0EDC4
#E2EBC4
#E4E9C4
#E6E7C4
#E8E5C4
#EAE3C4
#EDE0C4
Colorpallet from #C4E0ED to #EDC4E0 and to #EDE0C4
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#C4E0ED
#CBDCEB
#CBDDEA
#CBDDE9
#CBDEE9
#CBDFE8
#CBDFE7
#CBE0E6
#D1D7E9
#D1D8E8
#D1DAE6
#D1DBE5
#D1DDE3
#D1DEE2
#D1E0E0
#D8D3E7
#D8D5E5
#D8D7E3
#D8D9E0
#D8DBDE
#D8DDDC
#D8E0D9
#DECEE5
#DED1E2
#DED4DF
#DED7DC
#DEDAD9
#DEDCD7
#DEE0D3
#E5CAE3
#E5CEDF
#E5D1DC
#E5D5D8
#E5D8D4
#E5DCD1
#E5E0CC
#EDC4E0
#EDC8DC
#EDCDD7
#EDD1D3
#EDD6CE
#EDDACA
#EDE0C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts