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 #BEDAC2 to #BEC2DA and to #DABEC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BED6C6
#BFD6C5
#BFD6C5
#C0D6C4
#C1D6C3
#C1D6C3
#C2D6C2
#BED2CA
#BFD2C9
#C1D2C7
#C2D2C6
#C4D1C5
#C5D1C4
#C7D1C2
#BECECE
#C0CECC
#C2CECA
#C4CEC8
#C6CDC6
#C8CDC4
#CBCDC2
#BECBD1
#C1CBCF
#C4CACC
#C7CACA
#CAC9C7
#CCC9C5
#D0C8C2
#BEC7D5
#C2C7D2
#C5C6CF
#C9C6CC
#CCC5C9
#D0C5C6
#D4C4C2
#BEC2DA
#C2C1D6
#C7C1D2
#CBC0CE
#D0BFCB
#D4BFC7
#DABEC2
Colorpallet from #BEDAC2 to #BEC2DA and to #DAC2BE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BED6C6
#BFD6C5
#BFD6C4
#C0D6C4
#C1D6C3
#C1D6C2
#C2D6C1
#BED2CA
#BFD2C9
#C1D2C7
#C2D2C6
#C4D2C4
#C5D2C3
#C7D2C1
#BECECE
#C0CECC
#C2CECA
#C4CEC7
#C6CEC5
#C8CEC3
#CBCEC0
#BECBD1
#C1CBCE
#C4CBCB
#C7CBC8
#CACBC5
#CCCBC3
#D0CBBF
#BEC7D5
#C2C7D1
#C5C7CE
#C9C7CA
#CCC7C7
#D0C7C3
#D4C7BF
#BEC2DA
#C2C2D6
#C7C2D1
#CBC2CD
#D0C2C8
#D4C2C4
#DAC2BE
Colorpallet from #BEDAC2 to #BEC2DA and to #C2BEDA
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BED6C6
#BED6C6
#BED6C6
#BED6C6
#BFD6C6
#BFD6C6
#BFD6C6
#BED2CA
#BED2CA
#BED2CA
#BED2CA
#BFD1CA
#BFD1CA
#BFD1CA
#BECECE
#BECECE
#BFCECE
#BFCECE
#BFCDCE
#C0CDCE
#C0CDCE
#BECBD1
#BECBD1
#BFCAD1
#BFCAD1
#C0C9D1
#C0C9D1
#C1C8D1
#BEC7D5
#BEC7D5
#BFC6D5
#BFC6D5
#C0C5D5
#C0C5D5
#C1C4D5
#BEC2DA
#BFC1DA
#BFC1DA
#C0C0DA
#C1BFDA
#C1BFDA
#C2BEDA
Colorpallet from #BEDAC2 to #BEC2DA and to #C2DABE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BED6C6
#BED7C5
#BED7C4
#BED8C4
#BFD9C3
#BFD9C2
#BFDAC1
#BED2CA
#BED3C9
#BED5C7
#BED6C6
#BFD7C4
#BFD8C3
#BFDAC1
#BECECE
#BED0CC
#BFD2CA
#BFD4C7
#BFD6C5
#C0D8C3
#C0DAC0
#BECBD1
#BECDCE
#BFD0CB
#BFD2C8
#C0D5C5
#C0D7C3
#C1DABF
#BEC7D5
#BECAD1
#BFCDCE
#BFD0CA
#C0D3C7
#C0D6C3
#C1DABF
#BEC2DA
#BFC6D6
#BFCAD1
#C0CECD
#C1D1C8
#C1D5C4
#C2DABE
Colorpallet from #BEDAC2 to #DABEC2 and to #DAC2BE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#C2D6C2
#C2D6C2
#C2D6C2
#C2D6C2
#C2D6C1
#C2D6C1
#C2D6C1
#C7D1C2
#C7D1C2
#C7D1C2
#C7D1C2
#C7D2C1
#C7D2C1
#C7D2C1
#CBCDC2
#CBCDC2
#CBCDC1
#CBCDC1
#CBCEC1
#CBCEC0
#CBCEC0
#D0C8C2
#D0C8C2
#D0C9C1
#D0C9C1
#D0CAC0
#D0CAC0
#D0CBBF
#D4C4C2
#D4C4C2
#D4C5C1
#D4C5C1
#D4C6C0
#D4C6C0
#D4C7BF
#DABEC2
#DABFC1
#DABFC1
#DAC0C0
#DAC1BF
#DAC1BF
#DAC2BE
Colorpallet from #BEDAC2 to #DABEC2 and to #C2BEDA
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#C2D6C2
#C2D6C3
#C1D6C3
#C1D6C4
#C0D6C5
#C0D6C5
#BFD6C6
#C7D1C2
#C6D1C3
#C4D1C5
#C3D1C6
#C2D1C7
#C1D1C8
#BFD1CA
#CBCDC2
#C9CDC4
#C7CDC6
#C6CDC8
#C4CDCA
#C2CDCC
#C0CDCE
#D0C8C2
#CEC8C4
#CBC8C7
#C9C8C9
#C6C8CC
#C4C8CE
#C1C8D1
#D4C4C2
#D1C4C5
#CEC4C8
#CBC4CB
#C8C4CE
#C5C4D1
#C1C4D5
#DABEC2
#D6BEC6
#D2BECA
#CEBECE
#CBBED1
#C7BED5
#C2BEDA
Colorpallet from #BEDAC2 to #DABEC2 and to #C2DABE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#C2D6C2
#C2D7C2
#C1D7C2
#C1D8C2
#C0D9C1
#C0D9C1
#BFDAC1
#C7D1C2
#C6D2C2
#C4D4C2
#C3D5C2
#C2D7C1
#C1D8C1
#BFDAC1
#CBCDC2
#C9CFC2
#C7D1C1
#C6D3C1
#C4D5C1
#C2D7C0
#C0DAC0
#D0C8C2
#CECBC2
#CBCEC1
#C9D1C1
#C6D4C0
#C4D6C0
#C1DABF
#D4C4C2
#D1C8C2
#CECBC1
#CBCFC1
#C8D2C0
#C5D6C0
#C1DABF
#DABEC2
#D6C2C1
#D2C7C1
#CECBC0
#CBD0BF
#C7D4BF
#C2DABE
Colorpallet from #BEDAC2 to #DAC2BE and to #C2BEDA
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#C2D6C1
#C2D6C2
#C1D6C3
#C1D6C3
#C0D6C4
#C0D6C5
#BFD6C6
#C7D2C1
#C6D2C2
#C4D2C4
#C3D2C5
#C2D1C7
#C1D1C8
#BFD1CA
#CBCEC0
#C9CEC2
#C7CEC4
#C6CEC7
#C4CDC9
#C2CDCB
#C0CDCE
#D0CBBF
#CECBC2
#CBCAC5
#C9CAC8
#C6C9CB
#C4C9CD
#C1C8D1
#D4C7BF
#D1C7C3
#CEC6C6
#CBC6CA
#C8C5CD
#C5C5D1
#C1C4D5
#DAC2BE
#D6C1C2
#D2C1C7
#CEC0CB
#CBBFD0
#C7BFD4
#C2BEDA
Colorpallet from #BEDAC2 to #DAC2BE and to #C2DABE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#C2D6C1
#C2D7C1
#C1D7C1
#C1D8C1
#C0D9C1
#C0D9C1
#BFDAC1
#C7D2C1
#C6D3C1
#C4D5C1
#C3D6C1
#C2D7C1
#C1D8C1
#BFDAC1
#CBCEC0
#C9D0C0
#C7D2C0
#C6D4C0
#C4D6C0
#C2D8C0
#C0DAC0
#D0CBBF
#CECDBF
#CBD0BF
#C9D2BF
#C6D5BF
#C4D7BF
#C1DABF
#D4C7BF
#D1CABF
#CECDBF
#CBD0BF
#C8D3BF
#C5D6BF
#C1DABF
#DAC2BE
#D6C6BE
#D2CABE
#CECEBE
#CBD1BE
#C7D5BE
#C2DABE
Colorpallet from #BEDAC2 to #C2BEDA and to #C2DABE
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BEDAC2
#BFD6C6
#BFD7C5
#BFD7C4
#BFD8C4
#BFD9C3
#BFD9C2
#BFDAC1
#BFD1CA
#BFD2C9
#BFD4C7
#BFD5C6
#BFD7C4
#BFD8C3
#BFDAC1
#C0CDCE
#C0CFCC
#C0D1CA
#C0D3C7
#C0D5C5
#C0D7C3
#C0DAC0
#C1C8D1
#C1CBCE
#C1CECB
#C1D1C8
#C1D4C5
#C1D6C3
#C1DABF
#C1C4D5
#C1C8D1
#C1CBCE
#C1CFCA
#C1D2C7
#C1D6C3
#C1DABF
#C2BEDA
#C2C2D6
#C2C7D1
#C2CBCD
#C2D0C8
#C2D4C4
#C2DABE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts