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 #C1C8DE to #C1DEC8 and to #C8C1DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1CCDA
#C1CBDB
#C1CADB
#C1CADC
#C2C9DD
#C2C8DD
#C2C7DE
#C1CFD7
#C1CED8
#C2CCD9
#C2CBDA
#C2C9DB
#C3C8DD
#C3C6DE
#C1D3D3
#C1D1D5
#C2CFD7
#C2CCD8
#C3CADA
#C3C8DC
#C4C5DE
#C1D6D0
#C2D3D2
#C2D0D4
#C3CDD7
#C4CAD9
#C4C8DB
#C5C4DE
#C1DACC
#C2D6CF
#C3D2D2
#C4CED5
#C5CBD8
#C6C7DA
#C7C2DE
#C1DEC8
#C2D9CC
#C3D5CF
#C4D0D3
#C5CBD6
#C7C7DA
#C8C1DE
Colorpallet from #C1C8DE to #C1DEC8 and to #C8DEC1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1CCDA
#C1CCDA
#C1CCDA
#C1CCDA
#C2CCD9
#C2CCD9
#C2CCD9
#C1CFD7
#C1CFD7
#C2CFD6
#C2CFD6
#C2CFD6
#C3CFD5
#C3CFD5
#C1D3D3
#C1D3D3
#C2D3D2
#C2D3D2
#C3D3D1
#C3D3D1
#C4D3D0
#C1D6D0
#C2D6CF
#C2D6CE
#C3D6CE
#C4D6CD
#C4D6CC
#C5D6CB
#C1DACC
#C2DACB
#C3DACA
#C4DACA
#C5DAC9
#C6DAC8
#C7DAC7
#C1DEC8
#C2DEC7
#C3DEC6
#C4DEC5
#C5DEC4
#C7DEC2
#C8DEC1
Colorpallet from #C1C8DE to #C1DEC8 and to #DEC1C8
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1CCDA
#C2CBDA
#C3CADA
#C3CADA
#C4C9DA
#C5C8DA
#C6C7DA
#C1CFD7
#C2CED7
#C4CCD7
#C5CBD7
#C7C9D7
#C8C8D7
#CAC6D7
#C1D3D3
#C3D1D3
#C5CFD3
#C8CCD3
#CACAD3
#CCC8D3
#CFC5D3
#C1D6D0
#C4D3D0
#C7D0D0
#CACDD0
#CDCAD0
#D0C8D0
#D4C4D0
#C1DACC
#C5D6CC
#C8D2CC
#CCCECC
#D0CBCC
#D3C7CC
#D8C2CC
#C1DEC8
#C6D9C8
#CAD5C8
#CFD0C8
#D4CBC8
#D8C7C8
#DEC1C8
Colorpallet from #C1C8DE to #C1DEC8 and to #DEC8C1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1CCDA
#C2CBDA
#C3CBDA
#C3CADA
#C4C9D9
#C5C9D9
#C6C8D9
#C1CFD7
#C2CED7
#C4CDD6
#C5CCD6
#C7CBD6
#C8C9D5
#CAC8D5
#C1D3D3
#C3D1D3
#C5CFD2
#C8CED2
#CACCD1
#CCCAD1
#CFC8D0
#C1D6D0
#C4D4CF
#C7D2CE
#CACFCE
#CDCDCD
#D0CBCC
#D4C8CB
#C1DACC
#C5D7CB
#C8D4CA
#CCD1CA
#D0CEC9
#D3CCC8
#D8C8C7
#C1DEC8
#C6DAC7
#CAD7C6
#CFD3C5
#D4D0C4
#D8CCC2
#DEC8C1
Colorpallet from #C1C8DE to #C8C1DE and to #C8DEC1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C2C7DE
#C2C8DD
#C2C9DC
#C2C9DC
#C2CADB
#C2CBDA
#C2CCD9
#C3C6DE
#C3C7DD
#C3C9DB
#C3CADA
#C3CCD8
#C3CDD7
#C3CFD5
#C4C5DE
#C4C7DC
#C4C9DA
#C4CCD7
#C4CED5
#C4D0D3
#C4D3D0
#C5C4DE
#C5C7DB
#C5CAD8
#C5CDD5
#C5D0D2
#C5D2CF
#C5D6CB
#C7C2DE
#C7C6DA
#C7CAD7
#C7CED3
#C7D1CF
#C7D5CC
#C7DAC7
#C8C1DE
#C8C6D9
#C8CAD5
#C8CFD0
#C8D4CB
#C8D8C7
#C8DEC1
Colorpallet from #C1C8DE to #C8C1DE and to #DEC1C8
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C2C7DE
#C3C7DD
#C3C7DD
#C4C7DC
#C5C7DB
#C5C7DB
#C6C7DA
#C3C6DE
#C4C6DD
#C5C6DC
#C6C6DB
#C7C6DA
#C9C6D8
#CAC6D7
#C4C5DE
#C6C5DC
#C8C5DA
#C9C5D9
#CBC5D7
#CDC5D5
#CFC5D3
#C5C4DE
#C7C4DC
#CAC4DA
#CCC4D7
#CFC4D5
#D1C4D3
#D4C4D0
#C7C2DE
#CAC2DB
#CCC2D8
#CFC2D5
#D2C2D2
#D5C2D0
#D8C2CC
#C8C1DE
#CCC1DA
#CFC1D7
#D3C1D3
#D6C1D0
#DAC1CC
#DEC1C8
Colorpallet from #C1C8DE to #C8C1DE and to #DEC8C1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C2C7DE
#C3C7DD
#C3C7DC
#C4C7DC
#C5C8DB
#C5C8DA
#C6C8D9
#C3C6DE
#C4C6DD
#C5C7DB
#C6C7DA
#C7C7D8
#C9C8D7
#CAC8D5
#C4C5DE
#C6C5DC
#C8C6DA
#C9C6D7
#CBC7D5
#CDC7D3
#CFC8D0
#C5C4DE
#C7C5DB
#CAC5D8
#CCC6D5
#CFC7D2
#D1C7CF
#D4C8CB
#C7C2DE
#CAC3DA
#CCC4D7
#CFC5D3
#D2C6CF
#D5C7CC
#D8C8C7
#C8C1DE
#CCC2D9
#CFC3D5
#D3C4D0
#D6C5CB
#DAC7C7
#DEC8C1
Colorpallet from #C1C8DE to #C8DEC1 and to #DEC1C8
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C2CCD9
#C3CBD9
#C3CAD9
#C4CAD9
#C5C9DA
#C5C8DA
#C6C7DA
#C3CFD5
#C4CED5
#C5CCD6
#C6CBD6
#C7C9D6
#C9C8D7
#CAC6D7
#C4D3D0
#C6D1D0
#C8CFD1
#C9CCD1
#CBCAD2
#CDC8D2
#CFC5D3
#C5D6CB
#C7D3CC
#CAD0CD
#CCCDCD
#CFCACE
#D1C8CF
#D4C4D0
#C7DAC7
#CAD6C8
#CCD2C9
#CFCEC9
#D2CBCA
#D5C7CB
#D8C2CC
#C8DEC1
#CCD9C2
#CFD5C3
#D3D0C4
#D6CBC5
#DAC7C7
#DEC1C8
Colorpallet from #C1C8DE to #C8DEC1 and to #DEC8C1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C2CCD9
#C3CBD9
#C3CBD9
#C4CAD9
#C5C9D9
#C5C9D9
#C6C8D9
#C3CFD5
#C4CED5
#C5CDD5
#C6CCD5
#C7CBD5
#C9C9D5
#CAC8D5
#C4D3D0
#C6D1D0
#C8CFD0
#C9CED0
#CBCCD0
#CDCAD0
#CFC8D0
#C5D6CB
#C7D4CB
#CAD2CB
#CCCFCB
#CFCDCB
#D1CBCB
#D4C8CB
#C7DAC7
#CAD7C7
#CCD4C7
#CFD1C7
#D2CEC7
#D5CCC7
#D8C8C7
#C8DEC1
#CCDAC1
#CFD7C1
#D3D3C1
#D6D0C1
#DACCC1
#DEC8C1
Colorpallet from #C1C8DE to #DEC1C8 and to #DEC8C1
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C1C8DE
#C6C7DA
#C6C7DA
#C6C7DA
#C6C7DA
#C6C8D9
#C6C8D9
#C6C8D9
#CAC6D7
#CAC6D7
#CAC7D6
#CAC7D6
#CAC7D6
#CAC8D5
#CAC8D5
#CFC5D3
#CFC5D3
#CFC6D2
#CFC6D2
#CFC7D1
#CFC7D1
#CFC8D0
#D4C4D0
#D4C5CF
#D4C5CE
#D4C6CE
#D4C7CD
#D4C7CC
#D4C8CB
#D8C2CC
#D8C3CB
#D8C4CA
#D8C5CA
#D8C6C9
#D8C7C8
#D8C8C7
#DEC1C8
#DEC2C7
#DEC3C6
#DEC4C5
#DEC5C4
#DEC7C2
#DEC8C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
