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 #BDC2EC to #BDECC2 and to #C2BDEC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC9E5
#BDC8E6
#BDC6E7
#BDC5E8
#BEC4E9
#BEC3EB
#BEC1EC
#BDCFDF
#BDCDE1
#BECAE3
#BEC8E5
#BEC5E7
#BFC3E9
#BFC0EC
#BDD6D8
#BDD2DB
#BECFDE
#BECBE2
#BEC8E5
#BFC4E8
#BFC0EC
#BDDDD1
#BDD8D5
#BED3DA
#BECFDE
#BFCAE2
#BFC5E7
#C0BFEC
#BDE4CA
#BEDECF
#BED8D5
#BFD2DA
#C0CCE0
#C0C6E5
#C1BEEC
#BDECC2
#BEE4C9
#BFDDCF
#BFD5D6
#C0CEDD
#C1C6E4
#C2BDEC
Colorpallet from #BDC2EC to #BDECC2 and to #C2ECBD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC9E5
#BDC9E5
#BDC9E5
#BDC9E5
#BEC9E4
#BEC9E4
#BEC9E4
#BDCFDF
#BDCFDF
#BECFDE
#BECFDE
#BECFDE
#BFCFDD
#BFCFDD
#BDD6D8
#BDD6D8
#BED6D7
#BED6D7
#BED6D6
#BFD6D6
#BFD6D5
#BDDDD1
#BDDDD1
#BEDDD0
#BEDDD0
#BFDDCF
#BFDDCF
#C0DDCE
#BDE4CA
#BEE4C9
#BEE4C9
#BFE4C8
#C0E4C7
#C0E4C7
#C1E4C6
#BDECC2
#BEECC1
#BFECC0
#BFECC0
#C0ECBF
#C1ECBE
#C2ECBD
Colorpallet from #BDC2EC to #BDECC2 and to #ECBDC2
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC9E5
#BEC8E5
#C0C6E5
#C1C5E5
#C2C4E5
#C3C3E5
#C5C1E5
#BDCFDF
#BFCDDF
#C2CADF
#C4C8DF
#C7C5DF
#C9C3DF
#CCC0DF
#BDD6D8
#C1D2D8
#C4CFD8
#C8CBD8
#CCC8D8
#CFC4D8
#D4C0D8
#BDDDD1
#C2D8D1
#C7D3D1
#CBCFD1
#D0CAD1
#D5C5D1
#DBBFD1
#BDE4CA
#C3DECA
#C9D8CA
#CFD2CA
#D5CCCA
#DBC6CA
#E3BECA
#BDECC2
#C5E4C2
#CCDDC2
#D4D5C2
#DBCEC2
#E3C6C2
#ECBDC2
Colorpallet from #BDC2EC to #BDECC2 and to #ECC2BD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC9E5
#BEC8E5
#C0C7E5
#C1C6E5
#C2C5E4
#C3C3E4
#C5C2E4
#BDCFDF
#BFCDDF
#C2CBDE
#C4C9DE
#C7C7DE
#C9C5DD
#CCC2DD
#BDD6D8
#C1D3D8
#C4D0D7
#C8CCD7
#CCC9D6
#CFC6D6
#D4C2D5
#BDDDD1
#C2D9D1
#C7D4D0
#CBD0D0
#D0CCCF
#D5C7CF
#DBC2CE
#BDE4CA
#C3DFC9
#C9D9C9
#CFD4C8
#D5CEC7
#DBC9C7
#E3C2C6
#BDECC2
#C5E5C1
#CCDFC0
#D4D8C0
#DBD1BF
#E3CABE
#ECC2BD
Colorpallet from #BDC2EC to #C2BDEC and to #C2ECBD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BEC1EC
#BEC2EB
#BEC4E9
#BEC5E8
#BEC6E7
#BEC7E6
#BEC9E4
#BFC0EC
#BFC2EA
#BFC5E7
#BFC7E5
#BFCAE2
#BFCCE0
#BFCFDD
#BFC0EC
#BFC4E8
#BFC7E5
#BFCBE1
#BFCEDD
#BFD2DA
#BFD6D5
#C0BFEC
#C0C4E7
#C0C9E2
#C0CDDE
#C0D2D9
#C0D7D4
#C0DDCE
#C1BEEC
#C1C4E6
#C1CAE0
#C1D0DA
#C1D6D4
#C1DCCE
#C1E4C6
#C2BDEC
#C2C5E4
#C2CCDD
#C2D4D5
#C2DBCE
#C2E3C6
#C2ECBD
Colorpallet from #BDC2EC to #C2BDEC and to #ECBDC2
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BEC1EC
#BFC1EB
#C0C1EA
#C1C1E9
#C2C1E8
#C4C1E6
#C5C1E5
#BFC0EC
#C1C0EA
#C3C0E8
#C5C0E6
#C7C0E4
#C9C0E2
#CCC0DF
#BFC0EC
#C2C0E9
#C6C0E6
#C9C0E2
#CCC0DF
#D0C0DC
#D4C0D8
#C0BFEC
#C4BFE8
#C9BFE3
#CDBFDF
#D1BFDB
#D6BFD6
#DBBFD1
#C1BEEC
#C6BEE7
#CCBEE1
#D1BEDC
#D7BED6
#DCBED1
#E3BECA
#C2BDEC
#C9BDE5
#CFBDDF
#D6BDD8
#DDBDD1
#E4BDCA
#ECBDC2
Colorpallet from #BDC2EC to #C2BDEC and to #ECC2BD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BEC1EC
#BFC1EB
#C0C1E9
#C1C1E8
#C2C2E7
#C4C2E6
#C5C2E4
#BFC0EC
#C1C0EA
#C3C1E7
#C5C1E5
#C7C1E2
#C9C2E0
#CCC2DD
#BFC0EC
#C2C0E8
#C6C1E5
#C9C1E1
#CCC1DD
#D0C2DA
#D4C2D5
#C0BFEC
#C4BFE7
#C9C0E2
#CDC0DE
#D1C1D9
#D6C1D4
#DBC2CE
#C1BEEC
#C6BFE6
#CCBFE0
#D1C0DA
#D7C1D4
#DCC1CE
#E3C2C6
#C2BDEC
#C9BEE4
#CFBFDD
#D6BFD5
#DDC0CE
#E4C1C6
#ECC2BD
Colorpallet from #BDC2EC to #C2ECBD and to #ECBDC2
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BEC9E4
#BFC8E4
#C0C6E4
#C1C5E4
#C2C4E5
#C4C3E5
#C5C1E5
#BFCFDD
#C1CDDD
#C3CADE
#C5C8DE
#C7C5DE
#C9C3DF
#CCC0DF
#BFD6D5
#C2D2D5
#C6CFD6
#C9CBD6
#CCC8D7
#D0C4D7
#D4C0D8
#C0DDCE
#C4D8CE
#C9D3CF
#CDCFCF
#D1CAD0
#D6C5D0
#DBBFD1
#C1E4C6
#C6DEC7
#CCD8C7
#D1D2C8
#D7CCC9
#DCC6C9
#E3BECA
#C2ECBD
#C9E4BE
#CFDDBF
#D6D5BF
#DDCEC0
#E4C6C1
#ECBDC2
Colorpallet from #BDC2EC to #C2ECBD and to #ECC2BD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BEC9E4
#BFC8E4
#C0C7E4
#C1C6E4
#C2C5E4
#C4C3E4
#C5C2E4
#BFCFDD
#C1CDDD
#C3CBDD
#C5C9DD
#C7C7DD
#C9C5DD
#CCC2DD
#BFD6D5
#C2D3D5
#C6D0D5
#C9CCD5
#CCC9D5
#D0C6D5
#D4C2D5
#C0DDCE
#C4D9CE
#C9D4CE
#CDD0CE
#D1CCCE
#D6C7CE
#DBC2CE
#C1E4C6
#C6DFC6
#CCD9C6
#D1D4C6
#D7CEC6
#DCC9C6
#E3C2C6
#C2ECBD
#C9E5BD
#CFDFBD
#D6D8BD
#DDD1BD
#E4CABD
#ECC2BD
Colorpallet from #BDC2EC to #ECBDC2 and to #ECC2BD
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#BDC2EC
#C5C1E5
#C5C1E5
#C5C1E5
#C5C1E5
#C5C2E4
#C5C2E4
#C5C2E4
#CCC0DF
#CCC0DF
#CCC1DE
#CCC1DE
#CCC1DE
#CCC2DD
#CCC2DD
#D4C0D8
#D4C0D8
#D4C1D7
#D4C1D7
#D4C1D6
#D4C2D6
#D4C2D5
#DBBFD1
#DBBFD1
#DBC0D0
#DBC0D0
#DBC1CF
#DBC1CF
#DBC2CE
#E3BECA
#E3BFC9
#E3BFC9
#E3C0C8
#E3C1C7
#E3C1C7
#E3C2C6
#ECBDC2
#ECBEC1
#ECBFC0
#ECBFC0
#ECC0BF
#ECC1BE
#ECC2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts