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 #C1E2C2 to #C1C2E2 and to #E2C1C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1DDC7
#C2DDC6
#C3DDC5
#C3DDC5
#C4DDC4
#C5DDC3
#C6DDC2
#C1D8CC
#C3D8CA
#C5D8C9
#C6D8C7
#C8D7C6
#CAD7C4
#CCD7C2
#C1D3D1
#C4D3CF
#C6D3CC
#C9D3CA
#CBD2C7
#CED2C5
#D1D2C2
#C1CED6
#C4CED3
#C8CED0
#CBCECC
#CECDC9
#D2CDC6
#D6CDC2
#C1C8DC
#C5C8D8
#C9C8D4
#CDC8D0
#D2C8CB
#D6C8C7
#DBC8C2
#C1C2E2
#C6C2DD
#CCC2D8
#D1C2D3
#D6C1CE
#DBC1C8
#E2C1C2
Colorpallet from #C1E2C2 to #C1C2E2 and to #E2C2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1DDC7
#C2DDC6
#C3DDC5
#C3DDC5
#C4DDC4
#C5DDC3
#C6DDC2
#C1D8CC
#C3D8CA
#C5D8C9
#C6D8C7
#C8D8C6
#CAD8C4
#CCD8C2
#C1D3D1
#C4D3CF
#C6D3CC
#C9D3CA
#CBD3C7
#CED3C5
#D1D3C2
#C1CED6
#C4CED3
#C8CECF
#CBCECC
#CECEC9
#D2CEC5
#D6CEC1
#C1C8DC
#C5C8D8
#C9C8D3
#CDC8CF
#D2C8CB
#D6C8C6
#DBC8C1
#C1C2E2
#C6C2DD
#CCC2D7
#D1C2D2
#D6C2CD
#DBC2C8
#E2C2C1
Colorpallet from #C1E2C2 to #C1C2E2 and to #C2C1E2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1DDC7
#C1DDC7
#C1DDC7
#C1DDC7
#C1DDC7
#C1DDC7
#C1DDC7
#C1D8CC
#C1D8CC
#C1D8CC
#C1D8CC
#C1D7CC
#C1D7CC
#C1D7CC
#C1D3D1
#C1D3D1
#C1D3D1
#C1D3D1
#C1D2D1
#C1D2D1
#C1D2D1
#C1CED6
#C1CED6
#C1CED6
#C1CED6
#C2CDD6
#C2CDD6
#C2CDD6
#C1C8DC
#C1C8DC
#C1C8DC
#C1C8DC
#C2C8DC
#C2C8DC
#C2C8DC
#C1C2E2
#C1C2E2
#C1C2E2
#C1C2E2
#C2C1E2
#C2C1E2
#C2C1E2
Colorpallet from #C1E2C2 to #C1C2E2 and to #C2E2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1DDC7
#C1DEC6
#C1DFC5
#C1DFC5
#C1E0C4
#C1E1C3
#C1E2C2
#C1D8CC
#C1DACA
#C1DBC9
#C1DDC7
#C1DEC6
#C1E0C4
#C1E2C2
#C1D3D1
#C1D5CF
#C1D8CC
#C1DACA
#C1DDC7
#C1DFC5
#C1E2C2
#C1CED6
#C1D1D3
#C1D4CF
#C1D8CC
#C2DBC9
#C2DEC5
#C2E2C1
#C1C8DC
#C1CCD8
#C1D0D3
#C1D4CF
#C2D9CB
#C2DDC6
#C2E2C1
#C1C2E2
#C1C7DD
#C1CCD7
#C1D1D2
#C2D6CD
#C2DCC8
#C2E2C1
Colorpallet from #C1E2C2 to #E2C1C2 and to #E2C2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C6DDC2
#C6DDC2
#C6DDC2
#C6DDC2
#C6DDC2
#C6DDC2
#C6DDC2
#CCD7C2
#CCD7C2
#CCD7C2
#CCD7C2
#CCD8C2
#CCD8C2
#CCD8C2
#D1D2C2
#D1D2C2
#D1D2C2
#D1D2C2
#D1D3C2
#D1D3C2
#D1D3C2
#D6CDC2
#D6CDC2
#D6CDC2
#D6CDC2
#D6CEC1
#D6CEC1
#D6CEC1
#DBC8C2
#DBC8C2
#DBC8C2
#DBC8C2
#DBC8C1
#DBC8C1
#DBC8C1
#E2C1C2
#E2C1C2
#E2C1C2
#E2C1C2
#E2C2C1
#E2C2C1
#E2C2C1
Colorpallet from #C1E2C2 to #E2C1C2 and to #C2C1E2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C6DDC2
#C5DDC3
#C4DDC4
#C4DDC4
#C3DDC5
#C2DDC6
#C1DDC7
#CCD7C2
#CAD7C4
#C8D7C5
#C7D7C7
#C5D7C8
#C3D7CA
#C1D7CC
#D1D2C2
#CED2C4
#CCD2C7
#C9D2C9
#C7D2CC
#C4D2CE
#C1D2D1
#D6CDC2
#D3CDC5
#D0CDC8
#CCCDCC
#C9CDCF
#C6CDD2
#C2CDD6
#DBC8C2
#D7C8C6
#D3C8CA
#CFC8CE
#CBC8D3
#C7C8D7
#C2C8DC
#E2C1C2
#DDC1C7
#D8C1CC
#D3C1D1
#CEC1D6
#C8C1DC
#C2C1E2
Colorpallet from #C1E2C2 to #E2C1C2 and to #C2E2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C6DDC2
#C5DEC2
#C4DFC2
#C4DFC2
#C3E0C2
#C2E1C2
#C1E2C2
#CCD7C2
#CAD9C2
#C8DBC2
#C7DCC2
#C5DEC2
#C3E0C2
#C1E2C2
#D1D2C2
#CED5C2
#CCD7C2
#C9DAC2
#C7DCC2
#C4DFC2
#C1E2C2
#D6CDC2
#D3D0C2
#D0D4C2
#CCD7C2
#C9DAC1
#C6DEC1
#C2E2C1
#DBC8C2
#D7CCC2
#D3D0C2
#CFD4C2
#CBD9C1
#C7DDC1
#C2E2C1
#E2C1C2
#DDC6C2
#D8CCC2
#D3D1C2
#CED6C1
#C8DBC1
#C2E2C1
Colorpallet from #C1E2C2 to #E2C2C1 and to #C2C1E2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C6DDC2
#C5DDC3
#C4DDC4
#C4DDC4
#C3DDC5
#C2DDC6
#C1DDC7
#CCD8C2
#CAD8C4
#C8D8C5
#C7D8C7
#C5D7C8
#C3D7CA
#C1D7CC
#D1D3C2
#CED3C4
#CCD3C7
#C9D3C9
#C7D2CC
#C4D2CE
#C1D2D1
#D6CEC1
#D3CEC4
#D0CEC8
#CCCECB
#C9CDCE
#C6CDD2
#C2CDD6
#DBC8C1
#D7C8C5
#D3C8CA
#CFC8CE
#CBC8D2
#C7C8D7
#C2C8DC
#E2C2C1
#DDC2C6
#D8C2CC
#D3C2D1
#CEC1D6
#C8C1DB
#C2C1E2
Colorpallet from #C1E2C2 to #E2C2C1 and to #C2E2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C6DDC2
#C5DEC2
#C4DFC2
#C4DFC2
#C3E0C2
#C2E1C2
#C1E2C2
#CCD8C2
#CADAC2
#C8DBC2
#C7DDC2
#C5DEC2
#C3E0C2
#C1E2C2
#D1D3C2
#CED5C2
#CCD8C2
#C9DAC2
#C7DDC2
#C4DFC2
#C1E2C2
#D6CEC1
#D3D1C1
#D0D4C1
#CCD8C1
#C9DBC1
#C6DEC1
#C2E2C1
#DBC8C1
#D7CCC1
#D3D0C1
#CFD4C1
#CBD9C1
#C7DDC1
#C2E2C1
#E2C2C1
#DDC7C1
#D8CCC1
#D3D1C1
#CED6C1
#C8DCC1
#C2E2C1
Colorpallet from #C1E2C2 to #C2C1E2 and to #C2E2C1
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1E2C2
#C1DDC7
#C1DEC6
#C1DFC5
#C1DFC5
#C1E0C4
#C1E1C3
#C1E2C2
#C1D7CC
#C1D9CA
#C1DBC9
#C1DCC7
#C1DEC6
#C1E0C4
#C1E2C2
#C1D2D1
#C1D5CF
#C1D7CC
#C1DACA
#C1DCC7
#C1DFC5
#C1E2C2
#C2CDD6
#C2D0D3
#C2D4CF
#C2D7CC
#C2DAC9
#C2DEC5
#C2E2C1
#C2C8DC
#C2CCD8
#C2D0D3
#C2D4CF
#C2D9CB
#C2DDC6
#C2E2C1
#C2C1E2
#C2C6DD
#C2CCD7
#C2D1D2
#C2D6CD
#C2DBC8
#C2E2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts