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 #CDE6C0 to #CDC0E6 and to #E6CDC0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE0C6
#CEE0C5
#CEE1C4
#CFE1C3
#D0E1C2
#D0E2C1
#D1E2C0
#CDDACC
#CEDBCA
#D0DBC8
#D1DCC6
#D2DDC4
#D3DDC2
#D5DEC0
#CDD4D2
#CFD5CF
#D1D6CC
#D3D7C9
#D5D8C6
#D7D9C4
#D9DAC0
#CDCED8
#D0CFD4
#D2D1D0
#D5D2CC
#D7D3C9
#DAD4C5
#DDD6C0
#CDC8DE
#D0CAD9
#D3CBD4
#D7CDD0
#DACECB
#DDD0C6
#E1D2C0
#CDC0E6
#D1C2E0
#D5C4DA
#D9C6D4
#DDC8CE
#E1CAC8
#E6CDC0
Colorpallet from #CDE6C0 to #CDC0E6 and to #E6C0CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE0C6
#CEE0C5
#CEE0C5
#CFE0C4
#D0E0C3
#D0E0C3
#D1E0C2
#CDDACC
#CEDACB
#D0DAC9
#D1DAC8
#D2DAC7
#D3DAC6
#D5DAC4
#CDD4D2
#CFD4D0
#D1D4CE
#D3D4CC
#D5D4CA
#D7D4C8
#D9D4C6
#CDCED8
#D0CED5
#D2CED3
#D5CED0
#D7CECE
#DACECB
#DDCEC8
#CDC8DE
#D0C8DB
#D3C8D8
#D7C8D4
#DAC8D1
#DDC8CE
#E1C8CA
#CDC0E6
#D1C0E2
#D5C0DE
#D9C0DA
#DDC0D6
#E1C0D2
#E6C0CD
Colorpallet from #CDE6C0 to #CDC0E6 and to #C0CDE6
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE0C6
#CDE0C6
#CCE1C6
#CCE1C6
#CCE1C6
#CBE2C6
#CBE2C6
#CDDACC
#CCDBCC
#CCDBCC
#CBDCCC
#CADDCC
#CADDCC
#C9DECC
#CDD4D2
#CCD5D2
#CBD6D2
#CAD7D2
#C9D8D2
#C8D9D2
#C7DAD2
#CDCED8
#CCCFD8
#CAD1D8
#C9D2D8
#C8D3D8
#C7D4D8
#C5D6D8
#CDC8DE
#CBCADE
#CACBDE
#C8CDDE
#C7CEDE
#C5D0DE
#C3D2DE
#CDC0E6
#CBC2E6
#C9C4E6
#C7C6E6
#C5C8E6
#C3CAE6
#C0CDE6
Colorpallet from #CDE6C0 to #CDC0E6 and to #C0E6CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE0C6
#CDE1C5
#CCE2C5
#CCE3C4
#CCE4C3
#CBE5C3
#CBE6C2
#CDDACC
#CCDCCB
#CCDEC9
#CBE0C8
#CAE2C7
#CAE4C6
#C9E6C4
#CDD4D2
#CCD7D0
#CBDACE
#CADDCC
#C9E0CA
#C8E2C8
#C7E6C6
#CDCED8
#CCD2D5
#CAD6D3
#C9DAD0
#C8DDCE
#C7E1CB
#C5E6C8
#CDC8DE
#CBCDDB
#CAD2D8
#C8D6D4
#C7DBD1
#C5E0CE
#C3E6CA
#CDC0E6
#CBC6E2
#C9CCDE
#C7D2DA
#C5D8D6
#C3DED2
#C0E6CD
Colorpallet from #CDE6C0 to #E6CDC0 and to #E6C0CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#D1E2C0
#D1E2C0
#D1E1C1
#D1E1C1
#D1E1C1
#D1E0C2
#D1E0C2
#D5DEC0
#D5DDC1
#D5DDC1
#D5DCC2
#D5DBC3
#D5DBC3
#D5DAC4
#D9DAC0
#D9D9C1
#D9D8C2
#D9D7C3
#D9D6C4
#D9D5C5
#D9D4C6
#DDD6C0
#DDD5C1
#DDD3C3
#DDD2C4
#DDD1C5
#DDD0C6
#DDCEC8
#E1D2C0
#E1D0C2
#E1CFC3
#E1CDC5
#E1CCC6
#E1CAC8
#E1C8CA
#E6CDC0
#E6CBC2
#E6C9C4
#E6C7C6
#E6C5C8
#E6C3CA
#E6C0CD
Colorpallet from #CDE6C0 to #E6CDC0 and to #C0CDE6
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#D1E2C0
#D0E2C1
#CFE2C2
#CEE2C3
#CDE2C4
#CCE2C5
#CBE2C6
#D5DEC0
#D3DEC2
#D1DEC4
#CFDEC6
#CDDEC8
#CBDECA
#C9DECC
#D9DAC0
#D6DAC3
#D3DAC6
#D0DAC9
#CDDACC
#CBDACE
#C7DAD2
#DDD6C0
#D9D6C4
#D5D6C8
#D1D6CC
#CED6CF
#CAD6D3
#C5D6D8
#E1D2C0
#DCD2C5
#D7D2CA
#D3D2CE
#CED2D3
#C9D2D8
#C3D2DE
#E6CDC0
#E0CDC6
#DACDCC
#D4CDD2
#CECDD8
#C8CDDE
#C0CDE6
Colorpallet from #CDE6C0 to #E6CDC0 and to #C0E6CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#D1E2C0
#D0E3C0
#CFE3C1
#CEE4C1
#CDE5C1
#CCE5C2
#CBE6C2
#D5DEC0
#D3DFC1
#D1E1C1
#CFE2C2
#CDE3C3
#CBE4C3
#C9E6C4
#D9DAC0
#D6DCC1
#D3DEC2
#D0E0C3
#CDE2C4
#CBE4C5
#C7E6C6
#DDD6C0
#D9D9C1
#D5DBC3
#D1DEC4
#CEE0C5
#CAE3C6
#C5E6C8
#E1D2C0
#DCD5C2
#D7D8C3
#D3DCC5
#CEDFC6
#C9E2C8
#C3E6CA
#E6CDC0
#E0D1C2
#DAD5C4
#D4D9C6
#CEDDC8
#C8E1CA
#C0E6CD
Colorpallet from #CDE6C0 to #E6C0CD and to #C0CDE6
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#D1E0C2
#D0E0C3
#CFE1C3
#CEE1C4
#CDE1C5
#CCE2C5
#CBE2C6
#D5DAC4
#D3DBC5
#D1DBC7
#CFDCC8
#CDDDC9
#CBDDCA
#C9DECC
#D9D4C6
#D6D5C8
#D3D6CA
#D0D7CC
#CDD8CE
#CBD9D0
#C7DAD2
#DDCEC8
#D9CFCB
#D5D1CD
#D1D2D0
#CED3D2
#CAD4D5
#C5D6D8
#E1C8CA
#DCCACD
#D7CBD0
#D3CDD4
#CECED7
#C9D0DA
#C3D2DE
#E6C0CD
#E0C2D1
#DAC4D5
#D4C6D9
#CEC8DD
#C8CAE1
#C0CDE6
Colorpallet from #CDE6C0 to #E6C0CD and to #C0E6CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#D1E0C2
#D0E1C2
#CFE2C2
#CEE3C2
#CDE4C2
#CCE5C2
#CBE6C2
#D5DAC4
#D3DCC4
#D1DEC4
#CFE0C4
#CDE2C4
#CBE4C4
#C9E6C4
#D9D4C6
#D6D7C6
#D3DAC6
#D0DDC6
#CDE0C6
#CBE2C6
#C7E6C6
#DDCEC8
#D9D2C8
#D5D6C8
#D1DAC8
#CEDDC8
#CAE1C8
#C5E6C8
#E1C8CA
#DCCDCA
#D7D2CA
#D3D6CA
#CEDBCA
#C9E0CA
#C3E6CA
#E6C0CD
#E0C6CD
#DACCCD
#D4D2CD
#CED8CD
#C8DECD
#C0E6CD
Colorpallet from #CDE6C0 to #C0CDE6 and to #C0E6CD
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CDE6C0
#CBE2C6
#CBE3C5
#CBE3C5
#CBE4C4
#CBE5C3
#CBE5C3
#CBE6C2
#C9DECC
#C9DFCB
#C9E1C9
#C9E2C8
#C9E3C7
#C9E4C6
#C9E6C4
#C7DAD2
#C7DCD0
#C7DECE
#C7E0CC
#C7E2CA
#C7E4C8
#C7E6C6
#C5D6D8
#C5D9D5
#C5DBD3
#C5DED0
#C5E0CE
#C5E3CB
#C5E6C8
#C3D2DE
#C3D5DB
#C3D8D8
#C3DCD4
#C3DFD1
#C3E2CE
#C3E6CA
#C0CDE6
#C0D1E2
#C0D5DE
#C0D9DA
#C0DDD6
#C0E1D2
#C0E6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts