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 #C2BDE2 to #C2E2BD and to #BDC2E2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2C3DC
#C2C2DD
#C2C1DE
#C2C1DF
#C1C0E0
#C1BFE1
#C1BEE2
#C2C9D6
#C2C7D8
#C1C6DA
#C1C4DC
#C1C3DE
#C0C1E0
#C0BFE2
#C2CFD0
#C2CCD3
#C1CAD6
#C1C7D9
#C1C5DC
#C0C2DE
#C0BFE2
#C2D5CA
#C2D2CE
#C1CED2
#C1CBD6
#C0C8D9
#C0C4DD
#BFC0E2
#C2DBC4
#C1D7C9
#C1D3CE
#C0CFD2
#BFCAD7
#BFC6DC
#BEC1E2
#C2E2BD
#C1DDC3
#C0D8C9
#C0D3CF
#BFCED5
#BEC8DB
#BDC2E2
Colorpallet from #C2BDE2 to #C2E2BD and to #BDE2C2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2C3DC
#C2C3DC
#C2C3DC
#C2C3DC
#C1C3DD
#C1C3DD
#C1C3DD
#C2C9D6
#C2C9D6
#C1C9D7
#C1C9D7
#C1C9D7
#C0C9D8
#C0C9D8
#C2CFD0
#C2CFD0
#C1CFD1
#C1CFD1
#C1CFD2
#C0CFD2
#C0CFD3
#C2D5CA
#C2D5CB
#C1D5CB
#C1D5CC
#C0D5CD
#C0D5CD
#BFD5CE
#C2DBC4
#C1DBC5
#C1DBC5
#C0DBC6
#BFDBC7
#BFDBC7
#BEDBC8
#C2E2BD
#C1E2BE
#C0E2BF
#C0E2BF
#BFE2C0
#BEE2C1
#BDE2C2
Colorpallet from #C2BDE2 to #C2E2BD and to #E2C2BD
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2C3DC
#C3C2DC
#C4C1DC
#C4C1DC
#C5C0DC
#C6BFDC
#C7BEDC
#C2C9D6
#C4C7D6
#C5C6D6
#C7C4D6
#C8C3D6
#CAC1D6
#CCBFD6
#C2CFD0
#C4CCD0
#C7CAD0
#C9C7D0
#CCC5D0
#CEC2D0
#D1BFD0
#C2D5CA
#C5D2CA
#C8CECA
#CCCBCA
#CFC8CA
#D2C4CA
#D6C0CA
#C2DBC4
#C6D7C4
#CAD3C4
#CECFC4
#D3CAC4
#D7C6C4
#DCC1C4
#C2E2BD
#C7DDBD
#CCD8BD
#D1D3BD
#D6CEBD
#DCC8BD
#E2C2BD
Colorpallet from #C2BDE2 to #C2E2BD and to #E2BDC2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2C3DC
#C3C2DC
#C4C1DC
#C4C0DC
#C5BFDD
#C6BEDD
#C7BDDD
#C2C9D6
#C4C7D6
#C5C5D7
#C7C3D7
#C8C1D7
#CABFD8
#CCBDD8
#C2CFD0
#C4CCD0
#C7C9D1
#C9C6D1
#CCC3D2
#CEC1D2
#D1BDD3
#C2D5CA
#C5D1CB
#C8CDCB
#CCC9CC
#CFC6CD
#D2C2CD
#D6BDCE
#C2DBC4
#C6D6C5
#CAD1C5
#CECDC6
#D3C8C7
#D7C3C7
#DCBDC8
#C2E2BD
#C7DCBE
#CCD6BF
#D1D0BF
#D6CAC0
#DCC4C1
#E2BDC2
Colorpallet from #C2BDE2 to #BDC2E2 and to #BDE2C2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C1BEE2
#C1BFE1
#C1C0E0
#C1C0E0
#C1C1DF
#C1C2DE
#C1C3DD
#C0BFE2
#C0C1E0
#C0C2DF
#C0C4DD
#C0C5DC
#C0C7DA
#C0C9D8
#C0BFE2
#C0C2E0
#C0C4DD
#C0C7DB
#C0C9D8
#C0CCD6
#C0CFD3
#BFC0E2
#BFC3DF
#BFC7DC
#BFCAD8
#BFCDD5
#BFD1D2
#BFD5CE
#BEC1E2
#BEC5DE
#BEC9DA
#BECDD6
#BED2D1
#BED6CD
#BEDBC8
#BDC2E2
#BDC7DD
#BDCCD8
#BDD1D3
#BDD6CE
#BDDCC8
#BDE2C2
Colorpallet from #C2BDE2 to #BDC2E2 and to #E2C2BD
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C1BEE2
#C2BEE1
#C3BEE0
#C4BEDF
#C5BEDE
#C6BEDD
#C7BEDC
#C0BFE2
#C2BFE0
#C4BFDE
#C6BFDC
#C8BFDA
#CABFD8
#CCBFD6
#C0BFE2
#C3BFDF
#C5BFDC
#C8BFD9
#CBBFD6
#CEBFD4
#D1BFD0
#BFC0E2
#C3C0DE
#C6C0DA
#CAC0D6
#CEC0D3
#D1C0CF
#D6C0CA
#BEC1E2
#C3C1DD
#C8C1D8
#CCC1D4
#D1C1CF
#D6C1CA
#DCC1C4
#BDC2E2
#C3C2DC
#C9C2D6
#CFC2D0
#D5C2CA
#DBC2C4
#E2C2BD
Colorpallet from #C2BDE2 to #BDC2E2 and to #E2BDC2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C1BEE2
#C2BEE1
#C3BEE0
#C4BEE0
#C5BDDF
#C6BDDE
#C7BDDD
#C0BFE2
#C2BFE0
#C4BEDF
#C6BEDD
#C8BEDC
#CABDDA
#CCBDD8
#C0BFE2
#C3BFE0
#C5BEDD
#C8BEDB
#CBBED8
#CEBDD6
#D1BDD3
#BFC0E2
#C3C0DF
#C6BFDC
#CABFD8
#CEBED5
#D1BED2
#D6BDCE
#BEC1E2
#C3C0DE
#C8C0DA
#CCBFD6
#D1BED1
#D6BECD
#DCBDC8
#BDC2E2
#C3C1DD
#C9C0D8
#CFC0D3
#D5BFCE
#DBBEC8
#E2BDC2
Colorpallet from #C2BDE2 to #BDE2C2 and to #E2C2BD
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C1C3DD
#C2C2DD
#C3C1DD
#C4C1DD
#C5C0DC
#C6BFDC
#C7BEDC
#C0C9D8
#C2C7D8
#C4C6D7
#C6C4D7
#C8C3D7
#CAC1D6
#CCBFD6
#C0CFD3
#C3CCD3
#C5CAD2
#C8C7D2
#CBC5D1
#CEC2D1
#D1BFD0
#BFD5CE
#C3D2CD
#C6CECD
#CACBCC
#CEC8CB
#D1C4CB
#D6C0CA
#BEDBC8
#C3D7C7
#C8D3C7
#CCCFC6
#D1CAC5
#D6C6C5
#DCC1C4
#BDE2C2
#C3DDC1
#C9D8C0
#CFD3C0
#D5CEBF
#DBC8BE
#E2C2BD
Colorpallet from #C2BDE2 to #BDE2C2 and to #E2BDC2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C1C3DD
#C2C2DD
#C3C1DD
#C4C0DD
#C5BFDD
#C6BEDD
#C7BDDD
#C0C9D8
#C2C7D8
#C4C5D8
#C6C3D8
#C8C1D8
#CABFD8
#CCBDD8
#C0CFD3
#C3CCD3
#C5C9D3
#C8C6D3
#CBC3D3
#CEC1D3
#D1BDD3
#BFD5CE
#C3D1CE
#C6CDCE
#CAC9CE
#CEC6CE
#D1C2CE
#D6BDCE
#BEDBC8
#C3D6C8
#C8D1C8
#CCCDC8
#D1C8C8
#D6C3C8
#DCBDC8
#BDE2C2
#C3DCC2
#C9D6C2
#CFD0C2
#D5CAC2
#DBC4C2
#E2BDC2
Colorpallet from #C2BDE2 to #E2C2BD and to #E2BDC2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C2BDE2
#C7BEDC
#C7BEDC
#C7BEDC
#C7BEDC
#C7BDDD
#C7BDDD
#C7BDDD
#CCBFD6
#CCBFD6
#CCBED7
#CCBED7
#CCBED7
#CCBDD8
#CCBDD8
#D1BFD0
#D1BFD0
#D1BED1
#D1BED1
#D1BED2
#D1BDD2
#D1BDD3
#D6C0CA
#D6C0CB
#D6BFCB
#D6BFCC
#D6BECD
#D6BECD
#D6BDCE
#DCC1C4
#DCC0C5
#DCC0C5
#DCBFC6
#DCBEC7
#DCBEC7
#DCBDC8
#E2C2BD
#E2C1BE
#E2C0BF
#E2C0BF
#E2BFC0
#E2BEC1
#E2BDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts