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 #D2E2C2 to #D2C2E2 and to #E2D2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2DDC7
#D2DDC6
#D3DEC5
#D3DEC5
#D4DEC4
#D4DFC3
#D5DFC2
#D2D8CC
#D3D9CA
#D4DAC9
#D4DAC7
#D5DBC6
#D6DCC4
#D7DDC2
#D2D3D1
#D3D4CF
#D5D5CC
#D6D6CA
#D7D7C7
#D8D9C5
#DADAC2
#D2CED6
#D4D0D3
#D5D1D0
#D7D3CC
#D8D4C9
#DAD6C6
#DCD8C2
#D2C8DC
#D4CAD8
#D6CCD4
#D8CED0
#DAD0CB
#DCD2C7
#DFD5C2
#D2C2E2
#D5C5DD
#D7C7D8
#DACAD3
#DCCCCE
#DFCFC8
#E2D2C2
Colorpallet from #D2E2C2 to #D2C2E2 and to #E2C2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2DDC7
#D2DDC7
#D3DDC6
#D3DDC6
#D4DDC6
#D4DDC5
#D5DDC5
#D2D8CC
#D3D8CB
#D4D8CA
#D4D8CA
#D5D8C9
#D6D8C8
#D7D8C7
#D2D3D1
#D3D3D0
#D5D3CF
#D6D3CE
#D7D3CD
#D8D3CB
#DAD3CA
#D2CED6
#D4CED4
#D5CED3
#D7CED1
#D8CED0
#DACECE
#DCCECC
#D2C8DC
#D4C8DA
#D6C8D8
#D8C8D6
#DAC8D4
#DCC8D2
#DFC8CF
#D2C2E2
#D5C2DF
#D7C2DD
#DAC2DA
#DCC2D8
#DFC2D5
#E2C2D2
Colorpallet from #D2E2C2 to #D2C2E2 and to #C2D2E2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2DDC7
#D2DDC7
#D1DEC7
#D1DEC7
#D0DEC7
#D0DFC7
#CFDFC7
#D2D8CC
#D1D9CC
#D0DACC
#D0DACC
#CFDBCC
#CEDCCC
#CDDDCC
#D2D3D1
#D1D4D1
#CFD5D1
#CED6D1
#CDD7D1
#CCD9D1
#CADAD1
#D2CED6
#D0D0D6
#CFD1D6
#CDD3D6
#CCD4D6
#CAD6D6
#C8D8D6
#D2C8DC
#D0CADC
#CECCDC
#CCCEDC
#CAD0DC
#C8D2DC
#C5D5DC
#D2C2E2
#CFC5E2
#CDC7E2
#CACAE2
#C8CCE2
#C5CFE2
#C2D2E2
Colorpallet from #D2E2C2 to #D2C2E2 and to #C2E2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2DDC7
#D2DEC7
#D1DFC6
#D1DFC6
#D0E0C6
#D0E1C5
#CFE2C5
#D2D8CC
#D1DACB
#D0DBCA
#D0DDCA
#CFDEC9
#CEE0C8
#CDE2C7
#D2D3D1
#D1D5D0
#CFD8CF
#CEDACE
#CDDDCD
#CCDFCB
#CAE2CA
#D2CED6
#D0D1D4
#CFD4D3
#CDD8D1
#CCDBD0
#CADECE
#C8E2CC
#D2C8DC
#D0CCDA
#CED0D8
#CCD4D6
#CAD9D4
#C8DDD2
#C5E2CF
#D2C2E2
#CFC7DF
#CDCCDD
#CAD1DA
#C8D6D8
#C5DCD5
#C2E2D2
Colorpallet from #D2E2C2 to #E2D2C2 and to #E2C2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D5DFC2
#D5DFC2
#D5DEC3
#D5DEC3
#D5DEC4
#D5DDC4
#D5DDC5
#D7DDC2
#D7DCC3
#D7DBC4
#D7DBC4
#D7DAC5
#D7D9C6
#D7D8C7
#DADAC2
#DAD9C3
#DAD8C5
#DAD7C6
#DAD6C7
#DAD4C8
#DAD3CA
#DCD8C2
#DCD6C4
#DCD5C5
#DCD3C7
#DCD2C8
#DCD0CA
#DCCECC
#DFD5C2
#DFD3C4
#DFD1C6
#DFCFC8
#DFCDCA
#DFCBCC
#DFC8CF
#E2D2C2
#E2CFC5
#E2CDC7
#E2CACA
#E2C8CC
#E2C5CF
#E2C2D2
Colorpallet from #D2E2C2 to #E2D2C2 and to #C2D2E2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D5DFC2
#D4DFC3
#D3DFC4
#D2DFC4
#D1DFC5
#D0DFC6
#CFDFC7
#D7DDC2
#D5DDC4
#D4DDC5
#D2DDC7
#D1DDC8
#CFDDCA
#CDDDCC
#DADAC2
#D7DAC4
#D5DAC7
#D2DAC9
#D0DACC
#CDDACE
#CADAD1
#DCD8C2
#D9D8C5
#D6D8C8
#D2D8CC
#CFD8CF
#CCD8D2
#C8D8D6
#DFD5C2
#DBD5C6
#D7D5CA
#D3D5CE
#CED5D3
#CAD5D7
#C5D5DC
#E2D2C2
#DDD2C7
#D8D2CC
#D3D2D1
#CED2D6
#C8D2DC
#C2D2E2
Colorpallet from #D2E2C2 to #E2D2C2 and to #C2E2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D5DFC2
#D4DFC2
#D3E0C3
#D2E0C3
#D1E1C4
#D0E1C4
#CFE2C5
#D7DDC2
#D5DEC3
#D4DFC4
#D2DFC4
#D1E0C5
#CFE1C6
#CDE2C7
#DADAC2
#D7DBC3
#D5DDC5
#D2DEC6
#D0DFC7
#CDE0C8
#CAE2CA
#DCD8C2
#D9DAC4
#D6DBC5
#D2DDC7
#CFDEC8
#CCE0CA
#C8E2CC
#DFD5C2
#DBD7C4
#D7D9C6
#D3DBC8
#CEDDCA
#CADFCC
#C5E2CF
#E2D2C2
#DDD5C5
#D8D7C7
#D3DACA
#CEDCCC
#C8DFCF
#C2E2D2
Colorpallet from #D2E2C2 to #E2C2D2 and to #C2D2E2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D5DDC5
#D4DDC5
#D3DEC6
#D2DEC6
#D1DEC6
#D0DFC7
#CFDFC7
#D7D8C7
#D5D9C8
#D4DAC9
#D2DAC9
#D1DBCA
#CFDCCB
#CDDDCC
#DAD3CA
#D7D4CB
#D5D5CC
#D2D6CD
#D0D7CE
#CDD9D0
#CADAD1
#DCCECC
#D9D0CE
#D6D1CF
#D2D3D1
#CFD4D2
#CCD6D4
#C8D8D6
#DFC8CF
#DBCAD1
#D7CCD3
#D3CED5
#CED0D7
#CAD2D9
#C5D5DC
#E2C2D2
#DDC5D5
#D8C7D7
#D3CADA
#CECCDC
#C8CFDF
#C2D2E2
Colorpallet from #D2E2C2 to #E2C2D2 and to #C2E2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D5DDC5
#D4DEC5
#D3DFC5
#D2DFC5
#D1E0C5
#D0E1C5
#CFE2C5
#D7D8C7
#D5DAC7
#D4DBC7
#D2DDC7
#D1DEC7
#CFE0C7
#CDE2C7
#DAD3CA
#D7D5CA
#D5D8CA
#D2DACA
#D0DDCA
#CDDFCA
#CAE2CA
#DCCECC
#D9D1CC
#D6D4CC
#D2D8CC
#CFDBCC
#CCDECC
#C8E2CC
#DFC8CF
#DBCCCF
#D7D0CF
#D3D4CF
#CED9CF
#CADDCF
#C5E2CF
#E2C2D2
#DDC7D2
#D8CCD2
#D3D1D2
#CED6D2
#C8DCD2
#C2E2D2
Colorpallet from #D2E2C2 to #C2D2E2 and to #C2E2D2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#D2E2C2
#CFDFC7
#CFDFC7
#CFE0C6
#CFE0C6
#CFE1C6
#CFE1C5
#CFE2C5
#CDDDCC
#CDDECB
#CDDFCA
#CDDFCA
#CDE0C9
#CDE1C8
#CDE2C7
#CADAD1
#CADBD0
#CADDCF
#CADECE
#CADFCD
#CAE0CB
#CAE2CA
#C8D8D6
#C8DAD4
#C8DBD3
#C8DDD1
#C8DED0
#C8E0CE
#C8E2CC
#C5D5DC
#C5D7DA
#C5D9D8
#C5DBD6
#C5DDD4
#C5DFD2
#C5E2CF
#C2D2E2
#C2D5DF
#C2D7DD
#C2DADA
#C2DCD8
#C2DFD5
#C2E2D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts