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 #C4D6BE to #C4BED6 and to #D6C4BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D2C2
#C4D2C1
#C5D2C1
#C5D2C0
#C6D3BF
#C6D3BF
#C7D3BE
#C4CEC6
#C5CEC5
#C6CFC3
#C7CFC2
#C8CFC1
#C9D0C0
#CAD0BE
#C4CACA
#C5CAC8
#C7CBC6
#C8CBC4
#CACCC2
#CBCCC0
#CDCDBE
#C4C7CD
#C6C7CB
#C8C8C8
#CAC8C6
#CCC9C3
#CEC9C1
#D0CABE
#C4C3D1
#C6C4CE
#C8C5CB
#CBC5C8
#CDC6C5
#CFC7C2
#D2C8BE
#C4BED6
#C7BFD2
#CAC0CE
#CDC1CA
#D0C2C7
#D2C3C3
#D6C4BE
Colorpallet from #C4D6BE to #C4BED6 and to #D6BEC4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D2C2
#C4D2C2
#C5D2C1
#C5D2C1
#C6D2C0
#C6D2C0
#C7D2BF
#C4CEC6
#C5CEC5
#C6CEC4
#C7CEC3
#C8CEC2
#C9CEC1
#CACEC0
#C4CACA
#C5CAC9
#C7CAC7
#C8CAC6
#CACAC4
#CBCAC3
#CDCAC1
#C4C7CD
#C6C7CB
#C8C7C9
#CAC7C8
#CCC7C6
#CEC7C4
#D0C7C2
#C4C3D1
#C6C3CF
#C8C3CD
#CBC3CA
#CDC3C8
#CFC3C6
#D2C3C3
#C4BED6
#C7BED3
#CABED0
#CDBECD
#D0BECA
#D2BEC8
#D6BEC4
Colorpallet from #C4D6BE to #C4BED6 and to #BEC4D6
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D2C2
#C4D2C2
#C4D2C2
#C4D2C2
#C3D3C2
#C3D3C2
#C3D3C2
#C4CEC6
#C4CEC6
#C3CFC6
#C3CFC6
#C3CFC6
#C2D0C6
#C2D0C6
#C4CACA
#C4CACA
#C3CBCA
#C3CBCA
#C2CCCA
#C2CCCA
#C1CDCA
#C4C7CD
#C3C7CD
#C3C8CD
#C2C8CD
#C1C9CD
#C1C9CD
#C0CACD
#C4C3D1
#C3C4D1
#C2C5D1
#C2C5D1
#C1C6D1
#C0C7D1
#BFC8D1
#C4BED6
#C3BFD6
#C2C0D6
#C1C1D6
#C0C2D6
#BFC3D6
#BEC4D6
Colorpallet from #C4D6BE to #C4BED6 and to #BED6C4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D2C2
#C4D3C2
#C4D3C1
#C4D4C1
#C3D5C0
#C3D5C0
#C3D6BF
#C4CEC6
#C4CFC5
#C3D1C4
#C3D2C3
#C3D3C2
#C2D4C1
#C2D6C0
#C4CACA
#C4CCC9
#C3CEC7
#C3D0C6
#C2D2C4
#C2D4C3
#C1D6C1
#C4C7CD
#C3C9CB
#C3CCC9
#C2CEC8
#C1D1C6
#C1D3C4
#C0D6C2
#C4C3D1
#C3C6CF
#C2C9CD
#C2CCCA
#C1CFC8
#C0D2C6
#BFD6C3
#C4BED6
#C3C2D3
#C2C6D0
#C1CACD
#C0CDCA
#BFD1C8
#BED6C4
Colorpallet from #C4D6BE to #D6C4BE and to #D6BEC4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C7D3BE
#C7D3BE
#C7D3BE
#C7D3BE
#C7D2BF
#C7D2BF
#C7D2BF
#CAD0BE
#CAD0BE
#CACFBF
#CACFBF
#CACFBF
#CACEC0
#CACEC0
#CDCDBE
#CDCDBE
#CDCCBF
#CDCCBF
#CDCBC0
#CDCBC0
#CDCAC1
#D0CABE
#D0CABF
#D0C9BF
#D0C9C0
#D0C8C1
#D0C8C1
#D0C7C2
#D2C8BE
#D2C7BF
#D2C6C0
#D2C6C0
#D2C5C1
#D2C4C2
#D2C3C3
#D6C4BE
#D6C3BF
#D6C2C0
#D6C1C1
#D6C0C2
#D6BFC3
#D6BEC4
Colorpallet from #C4D6BE to #D6C4BE and to #BEC4D6
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C7D3BE
#C6D3BF
#C6D3BF
#C5D3C0
#C4D3C1
#C4D3C1
#C3D3C2
#CAD0BE
#C9D0BF
#C7D0C1
#C6D0C2
#C5D0C3
#C4D0C4
#C2D0C6
#CDCDBE
#CBCDC0
#C9CDC2
#C7CDC4
#C5CDC6
#C3CDC8
#C1CDCA
#D0CABE
#CDCAC0
#CBCAC3
#C8CAC5
#C6CAC8
#C3CACA
#C0CACD
#D2C8BE
#CFC8C1
#CCC8C4
#C9C8C7
#C6C8CA
#C3C8CD
#BFC8D1
#D6C4BE
#D2C4C2
#CEC4C6
#CAC4CA
#C7C4CD
#C3C4D1
#BEC4D6
Colorpallet from #C4D6BE to #D6C4BE and to #BED6C4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C7D3BE
#C6D3BE
#C6D4BE
#C5D4BE
#C4D5BF
#C4D5BF
#C3D6BF
#CAD0BE
#C9D1BE
#C7D2BF
#C6D3BF
#C5D4BF
#C4D5C0
#C2D6C0
#CDCDBE
#CBCEBE
#C9D0BF
#C7D1BF
#C5D3C0
#C3D4C0
#C1D6C1
#D0CABE
#CDCCBF
#CBCEBF
#C8D0C0
#C6D2C1
#C3D4C1
#C0D6C2
#D2C8BE
#CFCABF
#CCCCC0
#C9CFC0
#C6D1C1
#C3D3C2
#BFD6C3
#D6C4BE
#D2C7BF
#CECAC0
#CACDC1
#C7D0C2
#C3D2C3
#BED6C4
Colorpallet from #C4D6BE to #D6BEC4 and to #BEC4D6
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C7D2BF
#C6D2BF
#C6D2C0
#C5D2C0
#C4D3C1
#C4D3C1
#C3D3C2
#CACEC0
#C9CEC1
#C7CFC2
#C6CFC3
#C5CFC4
#C4D0C5
#C2D0C6
#CDCAC1
#CBCAC2
#C9CBC4
#C7CBC5
#C5CCC7
#C3CCC8
#C1CDCA
#D0C7C2
#CDC7C4
#CBC8C6
#C8C8C7
#C6C9C9
#C3C9CB
#C0CACD
#D2C3C3
#CFC4C5
#CCC5C7
#C9C5CA
#C6C6CC
#C3C7CE
#BFC8D1
#D6BEC4
#D2BFC7
#CEC0CA
#CAC1CD
#C7C2D0
#C3C3D2
#BEC4D6
Colorpallet from #C4D6BE to #D6BEC4 and to #BED6C4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C7D2BF
#C6D3BF
#C6D3BF
#C5D4BF
#C4D5BF
#C4D5BF
#C3D6BF
#CACEC0
#C9CFC0
#C7D1C0
#C6D2C0
#C5D3C0
#C4D4C0
#C2D6C0
#CDCAC1
#CBCCC1
#C9CEC1
#C7D0C1
#C5D2C1
#C3D4C1
#C1D6C1
#D0C7C2
#CDC9C2
#CBCCC2
#C8CEC2
#C6D1C2
#C3D3C2
#C0D6C2
#D2C3C3
#CFC6C3
#CCC9C3
#C9CCC3
#C6CFC3
#C3D2C3
#BFD6C3
#D6BEC4
#D2C2C4
#CEC6C4
#CACAC4
#C7CDC4
#C3D1C4
#BED6C4
Colorpallet from #C4D6BE to #BEC4D6 and to #BED6C4
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C4D6BE
#C3D3C2
#C3D3C2
#C3D4C1
#C3D4C1
#C3D5C0
#C3D5C0
#C3D6BF
#C2D0C6
#C2D1C5
#C2D2C4
#C2D3C3
#C2D4C2
#C2D5C1
#C2D6C0
#C1CDCA
#C1CEC9
#C1D0C7
#C1D1C6
#C1D3C4
#C1D4C3
#C1D6C1
#C0CACD
#C0CCCB
#C0CEC9
#C0D0C8
#C0D2C6
#C0D4C4
#C0D6C2
#BFC8D1
#BFCACF
#BFCCCD
#BFCFCA
#BFD1C8
#BFD3C6
#BFD6C3
#BEC4D6
#BEC7D3
#BECAD0
#BECDCD
#BED0CA
#BED2C8
#BED6C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts