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 #BDDAC2 to #BDC2DA and to #DABDC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDD6C6
#BED6C5
#BFD6C5
#BFD6C4
#C0D5C3
#C1D5C3
#C2D5C2
#BDD2CA
#BED2C9
#C0D2C7
#C1D2C6
#C3D1C5
#C4D1C4
#C6D1C2
#BDCECE
#BFCECC
#C1CDCA
#C4CDC8
#C6CDC6
#C8CCC4
#CBCCC2
#BDCBD1
#C0CACF
#C3CACC
#C6C9CA
#C9C8C7
#CCC8C5
#D0C7C2
#BDC7D5
#C1C6D2
#C4C6CF
#C8C5CC
#CCC4C9
#CFC4C6
#D4C3C2
#BDC2DA
#C2C1D6
#C6C0D2
#CBC0CE
#D0BFCB
#D4BEC7
#DABDC2
Colorpallet from #BDDAC2 to #BDC2DA and to #DAC2BD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDD6C6
#BED6C5
#BFD6C4
#BFD6C4
#C0D6C3
#C1D6C2
#C2D6C1
#BDD2CA
#BED2C8
#C0D2C7
#C1D2C5
#C3D2C4
#C4D2C2
#C6D2C0
#BDCECE
#BFCECC
#C1CECA
#C4CEC7
#C6CEC5
#C8CEC3
#CBCEC0
#BDCBD1
#C0CBCE
#C3CBCB
#C6CBC8
#C9CBC5
#CCCBC3
#D0CBBF
#BDC7D5
#C1C7D1
#C4C7CE
#C8C7CA
#CCC7C6
#CFC7C3
#D4C7BE
#BDC2DA
#C2C2D5
#C6C2D1
#CBC2CC
#D0C2C7
#D4C2C3
#DAC2BD
Colorpallet from #BDDAC2 to #BDC2DA and to #C2BDDA
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDD6C6
#BDD6C6
#BDD6C6
#BDD6C6
#BED5C6
#BED5C6
#BED5C6
#BDD2CA
#BDD2CA
#BED2CA
#BED2CA
#BED1CA
#BFD1CA
#BFD1CA
#BDCECE
#BDCECE
#BECDCE
#BECDCE
#BECDCE
#BFCCCE
#BFCCCE
#BDCBD1
#BDCAD1
#BECAD1
#BEC9D1
#BFC8D1
#BFC8D1
#C0C7D1
#BDC7D5
#BEC6D5
#BEC6D5
#BFC5D5
#C0C4D5
#C0C4D5
#C1C3D5
#BDC2DA
#BEC1DA
#BFC0DA
#BFC0DA
#C0BFDA
#C1BEDA
#C2BDDA
Colorpallet from #BDDAC2 to #BDC2DA and to #C2DABD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDD6C6
#BDD7C5
#BDD7C4
#BDD8C4
#BED9C3
#BED9C2
#BEDAC1
#BDD2CA
#BDD3C8
#BED5C7
#BED6C5
#BED7C4
#BFD8C2
#BFDAC0
#BDCECE
#BDD0CC
#BED2CA
#BED4C7
#BED6C5
#BFD8C3
#BFDAC0
#BDCBD1
#BDCDCE
#BED0CB
#BED2C8
#BFD5C5
#BFD7C3
#C0DABF
#BDC7D5
#BECAD1
#BECDCE
#BFD0CA
#C0D3C6
#C0D6C3
#C1DABE
#BDC2DA
#BEC6D5
#BFCAD1
#BFCECC
#C0D1C7
#C1D5C3
#C2DABD
Colorpallet from #BDDAC2 to #DABDC2 and to #DAC2BD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#C2D5C2
#C2D5C2
#C2D5C2
#C2D5C2
#C2D6C1
#C2D6C1
#C2D6C1
#C6D1C2
#C6D1C2
#C6D1C1
#C6D1C1
#C6D2C1
#C6D2C0
#C6D2C0
#CBCCC2
#CBCCC2
#CBCDC1
#CBCDC1
#CBCDC1
#CBCEC0
#CBCEC0
#D0C7C2
#D0C8C2
#D0C8C1
#D0C9C1
#D0CAC0
#D0CAC0
#D0CBBF
#D4C3C2
#D4C4C1
#D4C4C1
#D4C5C0
#D4C6BF
#D4C6BF
#D4C7BE
#DABDC2
#DABEC1
#DABFC0
#DABFC0
#DAC0BF
#DAC1BE
#DAC2BD
Colorpallet from #BDDAC2 to #DABDC2 and to #C2BDDA
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#C2D5C2
#C1D5C3
#C1D5C3
#C0D5C4
#BFD5C5
#BFD5C5
#BED5C6
#C6D1C2
#C5D1C3
#C4D1C5
#C3D1C6
#C2D1C7
#C0D1C8
#BFD1CA
#CBCCC2
#C9CCC4
#C7CCC6
#C5CCC8
#C3CCCA
#C1CCCC
#BFCCCE
#D0C7C2
#CDC7C4
#CBC7C7
#C8C7C9
#C6C7CC
#C3C7CE
#C0C7D1
#D4C3C2
#D1C3C5
#CEC3C8
#CBC3CB
#C8C3CE
#C5C3D1
#C1C3D5
#DABDC2
#D6BDC6
#D2BDCA
#CEBDCE
#CBBDD1
#C7BDD5
#C2BDDA
Colorpallet from #BDDAC2 to #DABDC2 and to #C2DABD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#C2D5C2
#C1D6C2
#C1D7C2
#C0D7C2
#BFD8C1
#BFD9C1
#BEDAC1
#C6D1C2
#C5D2C2
#C4D4C1
#C3D5C1
#C2D7C1
#C0D8C0
#BFDAC0
#CBCCC2
#C9CEC2
#C7D0C1
#C5D3C1
#C3D5C1
#C1D7C0
#BFDAC0
#D0C7C2
#CDCAC2
#CBCDC1
#C8D0C1
#C6D3C0
#C3D6C0
#C0DABF
#D4C3C2
#D1C7C1
#CECAC1
#CBCEC0
#C8D2BF
#C5D5BF
#C1DABE
#DABDC2
#D6C2C1
#D2C6C0
#CECBC0
#CBD0BF
#C7D4BE
#C2DABD
Colorpallet from #BDDAC2 to #DAC2BD and to #C2BDDA
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#C2D6C1
#C1D6C2
#C1D6C3
#C0D6C3
#BFD5C4
#BFD5C5
#BED5C6
#C6D2C0
#C5D2C2
#C4D2C3
#C3D2C5
#C2D1C6
#C0D1C8
#BFD1CA
#CBCEC0
#C9CEC2
#C7CDC4
#C5CDC7
#C3CDC9
#C1CCCB
#BFCCCE
#D0CBBF
#CDCAC2
#CBCAC5
#C8C9C8
#C6C8CB
#C3C8CD
#C0C7D1
#D4C7BE
#D1C6C2
#CEC6C5
#CBC5C9
#C8C4CD
#C5C4D0
#C1C3D5
#DAC2BD
#D6C1C2
#D2C0C6
#CEC0CB
#CBBFD0
#C7BED4
#C2BDDA
Colorpallet from #BDDAC2 to #DAC2BD and to #C2DABD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#C2D6C1
#C1D7C1
#C1D7C1
#C0D8C1
#BFD9C1
#BFD9C1
#BEDAC1
#C6D2C0
#C5D3C0
#C4D5C0
#C3D6C0
#C2D7C0
#C0D8C0
#BFDAC0
#CBCEC0
#C9D0C0
#C7D2C0
#C5D4C0
#C3D6C0
#C1D8C0
#BFDAC0
#D0CBBF
#CDCDBF
#CBD0BF
#C8D2BF
#C6D5BF
#C3D7BF
#C0DABF
#D4C7BE
#D1CABE
#CECDBE
#CBD0BE
#C8D3BE
#C5D6BE
#C1DABE
#DAC2BD
#D6C6BD
#D2CABD
#CECEBD
#CBD1BD
#C7D5BD
#C2DABD
Colorpallet from #BDDAC2 to #C2BDDA and to #C2DABD
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BDDAC2
#BED5C6
#BED6C5
#BED7C4
#BED7C4
#BED8C3
#BED9C2
#BEDAC1
#BFD1CA
#BFD2C8
#BFD4C7
#BFD5C5
#BFD7C4
#BFD8C2
#BFDAC0
#BFCCCE
#BFCECC
#BFD0CA
#BFD3C7
#BFD5C5
#BFD7C3
#BFDAC0
#C0C7D1
#C0CACE
#C0CDCB
#C0D0C8
#C0D3C5
#C0D6C3
#C0DABF
#C1C3D5
#C1C7D1
#C1CACE
#C1CECA
#C1D2C6
#C1D5C3
#C1DABE
#C2BDDA
#C2C2D5
#C2C6D1
#C2CBCC
#C2D0C7
#C2D4C3
#C2DABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts