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 #BDC2DB to #BDDBC2 and to #C2BDDB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC6D7
#BDC5D8
#BDC4D8
#BDC4D9
#BEC3DA
#BEC2DA
#BEC1DB
#BDCAD3
#BDC8D4
#BEC7D6
#BEC5D7
#BEC4D8
#BFC2D9
#BFC0DB
#BDCECF
#BDCCD1
#BECAD3
#BEC7D5
#BEC5D7
#BFC3D9
#BFC0DB
#BDD2CB
#BDCFCE
#BECCD0
#BEC9D3
#BFC6D5
#BFC3D8
#C0BFDB
#BDD6C7
#BED2CA
#BECECD
#BFCAD1
#C0C7D4
#C0C3D7
#C1BEDB
#BDDBC2
#BED6C6
#BFD1CA
#BFCDCE
#C0C8D2
#C1C3D6
#C2BDDB
Colorpallet from #BDC2DB to #BDDBC2 and to #C2DBBD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC6D7
#BDC6D7
#BDC6D7
#BDC6D7
#BEC6D6
#BEC6D6
#BEC6D6
#BDCAD3
#BDCAD3
#BECAD2
#BECAD2
#BECAD2
#BFCAD1
#BFCAD1
#BDCECF
#BDCECF
#BECECE
#BECECE
#BECECE
#BFCECD
#BFCECD
#BDD2CB
#BDD2CB
#BED2CA
#BED2CA
#BFD2C9
#BFD2C9
#C0D2C8
#BDD6C7
#BED6C6
#BED6C6
#BFD6C5
#C0D6C4
#C0D6C4
#C1D6C3
#BDDBC2
#BEDBC1
#BFDBC0
#BFDBC0
#C0DBBF
#C1DBBE
#C2DBBD
Colorpallet from #BDC2DB to #BDDBC2 and to #DBBDC2
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC6D7
#BEC5D7
#BFC4D7
#BFC4D7
#C0C3D7
#C1C2D7
#C2C1D7
#BDCAD3
#BFC8D3
#C0C7D3
#C2C5D3
#C3C4D3
#C5C2D3
#C7C0D3
#BDCECF
#BFCCCF
#C1CACF
#C4C7CF
#C6C5CF
#C8C3CF
#CBC0CF
#BDD2CB
#C0CFCB
#C3CCCB
#C6C9CB
#C9C6CB
#CCC3CB
#D0BFCB
#BDD6C7
#C1D2C7
#C5CEC7
#C9CAC7
#CCC7C7
#D0C3C7
#D5BEC7
#BDDBC2
#C2D6C2
#C7D1C2
#CBCDC2
#D0C8C2
#D5C3C2
#DBBDC2
Colorpallet from #BDC2DB to #BDDBC2 and to #DBC2BD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC6D7
#BEC5D7
#BFC5D7
#BFC4D7
#C0C3D6
#C1C3D6
#C2C2D6
#BDCAD3
#BFC9D3
#C0C7D2
#C2C6D2
#C3C5D2
#C5C4D1
#C7C2D1
#BDCECF
#BFCCCF
#C1CACE
#C4C8CE
#C6C6CE
#C8C4CD
#CBC2CD
#BDD2CB
#C0CFCB
#C3CDCA
#C6CACA
#C9C8C9
#CCC5C9
#D0C2C8
#BDD6C7
#C1D3C6
#C5D0C6
#C9CCC5
#CCC9C4
#D0C6C4
#D5C2C3
#BDDBC2
#C2D7C1
#C7D3C0
#CBCFC0
#D0CBBF
#D5C7BE
#DBC2BD
Colorpallet from #BDC2DB to #C2BDDB and to #C2DBBD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BEC1DB
#BEC2DA
#BEC3D9
#BEC3D9
#BEC4D8
#BEC5D7
#BEC6D6
#BFC0DB
#BFC2D9
#BFC3D8
#BFC5D6
#BFC6D5
#BFC8D3
#BFCAD1
#BFC0DB
#BFC2D9
#BFC4D7
#BFC7D4
#BFC9D2
#BFCBD0
#BFCECD
#C0BFDB
#C0C2D8
#C0C5D5
#C0C8D2
#C0CBCF
#C0CECC
#C0D2C8
#C1BEDB
#C1C2D7
#C1C6D3
#C1CACF
#C1CDCC
#C1D1C8
#C1D6C3
#C2BDDB
#C2C2D6
#C2C7D1
#C2CBCD
#C2D0C8
#C2D5C3
#C2DBBD
Colorpallet from #BDC2DB to #C2BDDB and to #DBBDC2
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BEC1DB
#BFC1DA
#BFC1DA
#C0C1D9
#C1C1D8
#C1C1D8
#C2C1D7
#BFC0DB
#C0C0DA
#C2C0D8
#C3C0D7
#C4C0D6
#C5C0D5
#C7C0D3
#BFC0DB
#C1C0D9
#C3C0D7
#C5C0D5
#C7C0D3
#C9C0D1
#CBC0CF
#C0BFDB
#C3BFD8
#C5BFD6
#C8BFD3
#CABFD1
#CDBFCE
#D0BFCB
#C1BEDB
#C4BED8
#C7BED5
#CBBED1
#CEBECE
#D1BECB
#D5BEC7
#C2BDDB
#C6BDD7
#CABDD3
#CEBDCF
#D2BDCB
#D6BDC7
#DBBDC2
Colorpallet from #BDC2DB to #C2BDDB and to #DBC2BD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BEC1DB
#BFC1DA
#BFC1D9
#C0C1D9
#C1C2D8
#C1C2D7
#C2C2D6
#BFC0DB
#C0C0D9
#C2C1D8
#C3C1D6
#C4C1D5
#C5C2D3
#C7C2D1
#BFC0DB
#C1C0D9
#C3C1D7
#C5C1D4
#C7C1D2
#C9C2D0
#CBC2CD
#C0BFDB
#C3BFD8
#C5C0D5
#C8C0D2
#CAC1CF
#CDC1CC
#D0C2C8
#C1BEDB
#C4BFD7
#C7BFD3
#CBC0CF
#CEC1CC
#D1C1C8
#D5C2C3
#C2BDDB
#C6BED6
#CABFD1
#CEBFCD
#D2C0C8
#D6C1C3
#DBC2BD
Colorpallet from #BDC2DB to #C2DBBD and to #DBBDC2
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BEC6D6
#BFC5D6
#BFC4D6
#C0C4D6
#C1C3D7
#C1C2D7
#C2C1D7
#BFCAD1
#C0C8D1
#C2C7D2
#C3C5D2
#C4C4D2
#C5C2D3
#C7C0D3
#BFCECD
#C1CCCD
#C3CACE
#C5C7CE
#C7C5CE
#C9C3CF
#CBC0CF
#C0D2C8
#C3CFC8
#C5CCC9
#C8C9C9
#CAC6CA
#CDC3CA
#D0BFCB
#C1D6C3
#C4D2C4
#C7CEC4
#CBCAC5
#CEC7C6
#D1C3C6
#D5BEC7
#C2DBBD
#C6D6BE
#CAD1BF
#CECDBF
#D2C8C0
#D6C3C1
#DBBDC2
Colorpallet from #BDC2DB to #C2DBBD and to #DBC2BD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BEC6D6
#BFC5D6
#BFC5D6
#C0C4D6
#C1C3D6
#C1C3D6
#C2C2D6
#BFCAD1
#C0C9D1
#C2C7D1
#C3C6D1
#C4C5D1
#C5C4D1
#C7C2D1
#BFCECD
#C1CCCD
#C3CACD
#C5C8CD
#C7C6CD
#C9C4CD
#CBC2CD
#C0D2C8
#C3CFC8
#C5CDC8
#C8CAC8
#CAC8C8
#CDC5C8
#D0C2C8
#C1D6C3
#C4D3C3
#C7D0C3
#CBCCC3
#CEC9C3
#D1C6C3
#D5C2C3
#C2DBBD
#C6D7BD
#CAD3BD
#CECFBD
#D2CBBD
#D6C7BD
#DBC2BD
Colorpallet from #BDC2DB to #DBBDC2 and to #DBC2BD
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#BDC2DB
#C2C1D7
#C2C1D7
#C2C1D7
#C2C1D7
#C2C2D6
#C2C2D6
#C2C2D6
#C7C0D3
#C7C0D3
#C7C1D2
#C7C1D2
#C7C1D2
#C7C2D1
#C7C2D1
#CBC0CF
#CBC0CF
#CBC1CE
#CBC1CE
#CBC1CE
#CBC2CD
#CBC2CD
#D0BFCB
#D0BFCB
#D0C0CA
#D0C0CA
#D0C1C9
#D0C1C9
#D0C2C8
#D5BEC7
#D5BFC6
#D5BFC6
#D5C0C5
#D5C1C4
#D5C1C4
#D5C2C3
#DBBDC2
#DBBEC1
#DBBFC0
#DBBFC0
#DBC0BF
#DBC1BE
#DBC2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts