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 #D3E0C1 to #D3C1E0 and to #E0D3C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3DBC6
#D3DBC5
#D4DCC4
#D4DCC4
#D4DDC3
#D5DDC2
#D5DEC1
#D3D6CB
#D4D7C9
#D4D8C8
#D5D9C6
#D6DAC5
#D6DBC3
#D7DCC1
#D3D1D0
#D4D2CE
#D5D4CB
#D6D5C9
#D7D7C6
#D8D8C4
#D9DAC1
#D3CCD5
#D4CED2
#D6D0CF
#D7D2CB
#D8D4C8
#D9D6C5
#DBD8C1
#D3C7DA
#D5C9D6
#D6CCD2
#D8CECE
#D9D1CA
#DBD3C6
#DDD6C1
#D3C1E0
#D5C4DB
#D7C7D6
#D9CAD1
#DBCDCC
#DDCFC7
#E0D3C1
Colorpallet from #D3E0C1 to #D3C1E0 and to #E0C1D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3DBC6
#D3DBC6
#D4DBC5
#D4DBC5
#D4DBC5
#D5DBC4
#D5DBC4
#D3D6CB
#D4D6CA
#D4D6CA
#D5D6C9
#D6D6C8
#D6D6C8
#D7D6C7
#D3D1D0
#D4D1CF
#D5D1CE
#D6D1CD
#D7D1CC
#D8D1CB
#D9D1CA
#D3CCD5
#D4CCD4
#D6CCD2
#D7CCD1
#D8CCD0
#D9CCCF
#DBCCCD
#D3C7DA
#D5C7D8
#D6C7D6
#D8C7D5
#D9C7D3
#DBC7D1
#DDC7CF
#D3C1E0
#D5C1DE
#D7C1DC
#D9C1DA
#DBC1D8
#DDC1D6
#E0C1D3
Colorpallet from #D3E0C1 to #D3C1E0 and to #C1D3E0
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3DBC6
#D3DBC6
#D2DCC6
#D2DCC6
#D1DDC6
#D1DDC6
#D0DEC6
#D3D6CB
#D2D7CB
#D1D8CB
#D0D9CB
#CFDACB
#CEDBCB
#CDDCCB
#D3D1D0
#D2D2D0
#D0D4D0
#CFD5D0
#CDD7D0
#CCD8D0
#CADAD0
#D3CCD5
#D1CED5
#CFD0D5
#CDD2D5
#CBD4D5
#C9D6D5
#C7D8D5
#D3C7DA
#D1C9DA
#CFCCDA
#CCCEDA
#CAD1DA
#C8D3DA
#C5D6DA
#D3C1E0
#D0C4E0
#CDC7E0
#CACAE0
#C7CDE0
#C5CFE0
#C1D3E0
Colorpallet from #D3E0C1 to #D3C1E0 and to #C1E0D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3DBC6
#D3DCC6
#D2DDC5
#D2DDC5
#D1DEC5
#D1DFC4
#D0E0C4
#D3D6CB
#D2D8CA
#D1D9CA
#D0DBC9
#CFDCC8
#CEDEC8
#CDE0C7
#D3D1D0
#D2D3CF
#D0D6CE
#CFD8CD
#CDDBCC
#CCDDCB
#CAE0CA
#D3CCD5
#D1CFD4
#CFD2D2
#CDD6D1
#CBD9D0
#C9DCCF
#C7E0CD
#D3C7DA
#D1CBD8
#CFCFD6
#CCD3D5
#CAD7D3
#C8DBD1
#C5E0CF
#D3C1E0
#D0C6DE
#CDCBDC
#CAD0DA
#C7D5D8
#C5DAD6
#C1E0D3
Colorpallet from #D3E0C1 to #E0D3C1 and to #E0C1D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D5DEC1
#D5DEC1
#D5DDC2
#D5DDC2
#D5DCC3
#D5DCC3
#D5DBC4
#D7DCC1
#D7DBC2
#D7DAC3
#D7D9C4
#D7D8C5
#D7D7C6
#D7D6C7
#D9DAC1
#D9D9C2
#D9D7C4
#D9D6C5
#D9D4C7
#D9D3C8
#D9D1CA
#DBD8C1
#DBD6C3
#DBD4C5
#DBD2C7
#DBD0C9
#DBCECB
#DBCCCD
#DDD6C1
#DDD4C3
#DDD1C5
#DDCFC8
#DDCCCA
#DDCACC
#DDC7CF
#E0D3C1
#E0D0C4
#E0CDC7
#E0CACA
#E0C7CD
#E0C5CF
#E0C1D3
Colorpallet from #D3E0C1 to #E0D3C1 and to #C1D3E0
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D5DEC1
#D4DEC2
#D3DEC3
#D3DEC3
#D2DEC4
#D1DEC5
#D0DEC6
#D7DCC1
#D5DCC3
#D4DCC4
#D2DCC6
#D1DCC7
#CFDCC9
#CDDCCB
#D9DAC1
#D7DAC3
#D4DAC6
#D2DAC8
#CFDACB
#CDDACD
#CADAD0
#DBD8C1
#D8D8C4
#D5D8C7
#D1D8CB
#CED8CE
#CBD8D1
#C7D8D5
#DDD6C1
#D9D6C5
#D5D6C9
#D1D6CD
#CED6D1
#CAD6D5
#C5D6DA
#E0D3C1
#DBD3C6
#D6D3CB
#D1D3D0
#CCD3D5
#C7D3DA
#C1D3E0
Colorpallet from #D3E0C1 to #E0D3C1 and to #C1E0D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D5DEC1
#D4DEC1
#D3DFC2
#D3DFC2
#D2DFC3
#D1E0C3
#D0E0C4
#D7DCC1
#D5DDC2
#D4DDC3
#D2DEC4
#D1DFC5
#CFDFC6
#CDE0C7
#D9DAC1
#D7DBC2
#D4DCC4
#D2DDC5
#CFDEC7
#CDDFC8
#CAE0CA
#DBD8C1
#D8D9C3
#D5DBC5
#D1DCC7
#CEDDC9
#CBDECB
#C7E0CD
#DDD6C1
#D9D8C3
#D5D9C5
#D1DBC8
#CEDCCA
#CADECC
#C5E0CF
#E0D3C1
#DBD5C4
#D6D7C7
#D1D9CA
#CCDBCD
#C7DDCF
#C1E0D3
Colorpallet from #D3E0C1 to #E0C1D3 and to #C1D3E0
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D5DBC4
#D4DBC4
#D3DCC5
#D3DCC5
#D2DDC5
#D1DDC6
#D0DEC6
#D7D6C7
#D5D7C8
#D4D8C8
#D2D9C9
#D1DACA
#CFDBCA
#CDDCCB
#D9D1CA
#D7D2CB
#D4D4CC
#D2D5CD
#CFD7CE
#CDD8CF
#CADAD0
#DBCCCD
#D8CECE
#D5D0D0
#D1D2D1
#CED4D2
#CBD6D3
#C7D8D5
#DDC7CF
#D9C9D1
#D5CCD3
#D1CED4
#CED1D6
#CAD3D8
#C5D6DA
#E0C1D3
#DBC4D5
#D6C7D7
#D1CAD9
#CCCDDB
#C7CFDD
#C1D3E0
Colorpallet from #D3E0C1 to #E0C1D3 and to #C1E0D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D5DBC4
#D4DCC4
#D3DDC4
#D3DDC4
#D2DEC4
#D1DFC4
#D0E0C4
#D7D6C7
#D5D8C7
#D4D9C7
#D2DBC7
#D1DCC7
#CFDEC7
#CDE0C7
#D9D1CA
#D7D3CA
#D4D6CA
#D2D8CA
#CFDBCA
#CDDDCA
#CAE0CA
#DBCCCD
#D8CFCD
#D5D2CD
#D1D6CD
#CED9CD
#CBDCCD
#C7E0CD
#DDC7CF
#D9CBCF
#D5CFCF
#D1D3CF
#CED7CF
#CADBCF
#C5E0CF
#E0C1D3
#DBC6D3
#D6CBD3
#D1D0D3
#CCD5D3
#C7DAD3
#C1E0D3
Colorpallet from #D3E0C1 to #C1D3E0 and to #C1E0D3
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D3E0C1
#D0DEC6
#D0DEC6
#D0DFC5
#D0DFC5
#D0DFC5
#D0E0C4
#D0E0C4
#CDDCCB
#CDDDCA
#CDDDCA
#CDDEC9
#CDDFC8
#CDDFC8
#CDE0C7
#CADAD0
#CADBCF
#CADCCE
#CADDCD
#CADECC
#CADFCB
#CAE0CA
#C7D8D5
#C7D9D4
#C7DBD2
#C7DCD1
#C7DDD0
#C7DECF
#C7E0CD
#C5D6DA
#C5D8D8
#C5D9D6
#C5DBD5
#C5DCD3
#C5DED1
#C5E0CF
#C1D3E0
#C1D5DE
#C1D7DC
#C1D9DA
#C1DBD8
#C1DDD6
#C1E0D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts