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 #CDC0BD to #CDBDC0 and to #C0CDBD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CCC1BD
#CCC1BD
#CCC1BD
#CBC2BD
#CBC2BD
#CDBFBE
#CCC0BE
#CCC1BE
#CBC1BE
#CAC2BD
#CAC3BD
#C9C4BD
#CDBFBE
#CCC0BE
#CBC1BE
#CAC2BE
#C9C3BD
#C8C5BD
#C7C6BD
#CDBEBF
#CCC0BF
#CAC1BE
#C9C3BE
#C8C4BE
#C7C6BD
#C5C8BD
#CDBEBF
#CBC0BF
#CAC2BE
#C8C4BE
#C7C6BE
#C5C8BD
#C3CABD
#CDBDC0
#CBC0C0
#C9C2BF
#C7C5BF
#C5C7BE
#C3CABE
#C0CDBD
Colorpallet from #CDC0BD to #CDBDC0 and to #C0BDCD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CCC0BE
#CCC0BE
#CCC0BF
#CBC0BF
#CBC0C0
#CDBFBE
#CCBFBF
#CCBFBF
#CBBFC0
#CABFC1
#CABFC1
#C9BFC2
#CDBFBE
#CCBFBF
#CBBFC0
#CABFC1
#C9BFC2
#C8BFC4
#C7BFC5
#CDBEBF
#CCBEC0
#CABEC2
#C9BEC3
#C8BEC4
#C7BEC5
#C5BEC7
#CDBEBF
#CBBEC1
#CABEC3
#C8BEC4
#C7BEC6
#C5BEC8
#C3BECA
#CDBDC0
#CBBDC2
#C9BDC4
#C7BDC6
#C5BDC8
#C3BDCA
#C0BDCD
Colorpallet from #CDC0BD to #CDBDC0 and to #BDCDC0
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CCC1BD
#CCC1BD
#CBC1BD
#CBC2BD
#CAC2BD
#CDBFBE
#CCC0BE
#CBC1BE
#CBC1BE
#CAC2BE
#C9C3BE
#C8C4BE
#CDBFBE
#CCC0BE
#CAC1BE
#C9C2BE
#C8C3BE
#C7C5BE
#C5C6BE
#CDBEBF
#CBC0BF
#CAC1BF
#C8C3BF
#C7C4BF
#C5C6BF
#C3C8BF
#CDBEBF
#CBC0BF
#C9C2BF
#C7C4BF
#C5C6BF
#C3C8BF
#C0CABF
#CDBDC0
#CAC0C0
#C8C2C0
#C5C5C0
#C3C7C0
#C0CAC0
#BDCDC0
Colorpallet from #CDC0BD to #CDBDC0 and to #BDC0CD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CCC0BE
#CCC0BE
#CBC0BF
#CBC0BF
#CAC0C0
#CDBFBE
#CCBFBF
#CBBFBF
#CBBFC0
#CAC0C1
#C9C0C1
#C8C0C2
#CDBFBE
#CCBFBF
#CABFC0
#C9BFC1
#C8C0C2
#C7C0C4
#C5C0C5
#CDBEBF
#CBBEC0
#CABFC2
#C8BFC3
#C7BFC4
#C5C0C5
#C3C0C7
#CDBEBF
#CBBEC1
#C9BFC3
#C7BFC4
#C5BFC6
#C3C0C8
#C0C0CA
#CDBDC0
#CABDC2
#C8BEC4
#C5BEC6
#C3BFC8
#C0BFCA
#BDC0CD
Colorpallet from #CDC0BD to #C0CDBD and to #C0BDCD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CBC2BD
#CBC2BD
#CBC1BE
#CBC1BE
#CBC1BF
#CBC0BF
#CBC0C0
#C9C4BD
#C9C3BE
#C9C2BF
#C9C2BF
#C9C1C0
#C9C0C1
#C9BFC2
#C7C6BD
#C7C5BE
#C7C4C0
#C7C3C1
#C7C2C2
#C7C0C3
#C7BFC5
#C5C8BD
#C5C6BF
#C5C5C0
#C5C3C2
#C5C2C3
#C5C0C5
#C5BEC7
#C3CABD
#C3C8BF
#C3C6C1
#C3C4C3
#C3C2C5
#C3C0C7
#C3BECA
#C0CDBD
#C0CAC0
#C0C8C2
#C0C5C5
#C0C3C7
#C0C0CA
#C0BDCD
Colorpallet from #CDC0BD to #C0CDBD and to #BDCDC0
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CBC2BD
#CBC2BD
#CBC2BD
#CBC2BD
#CAC2BD
#CAC2BD
#CAC2BD
#C9C4BD
#C9C4BD
#C9C4BD
#C9C4BD
#C8C4BE
#C8C4BE
#C8C4BE
#C7C6BD
#C7C6BD
#C6C6BD
#C6C6BD
#C6C6BE
#C5C6BE
#C5C6BE
#C5C8BD
#C5C8BD
#C4C8BE
#C4C8BE
#C4C8BE
#C3C8BF
#C3C8BF
#C3CABD
#C3CABD
#C2CABE
#C2CABE
#C1CABE
#C1CABF
#C0CABF
#C0CDBD
#C0CDBD
#BFCDBE
#BFCDBE
#BECDBF
#BECDBF
#BDCDC0
Colorpallet from #CDC0BD to #C0CDBD and to #BDC0CD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CBC2BD
#CBC2BD
#CBC1BE
#CBC1BE
#CAC1BF
#CAC0BF
#CAC0C0
#C9C4BD
#C9C3BE
#C9C3BF
#C9C2BF
#C8C1C0
#C8C1C1
#C8C0C2
#C7C6BD
#C7C5BE
#C6C4C0
#C6C3C1
#C6C2C2
#C5C1C3
#C5C0C5
#C5C8BD
#C5C7BF
#C4C5C0
#C4C4C2
#C4C3C3
#C3C2C5
#C3C0C7
#C3CABD
#C3C8BF
#C2C7C1
#C2C5C3
#C1C4C5
#C1C2C7
#C0C0CA
#C0CDBD
#C0CBC0
#BFC9C2
#BFC7C5
#BEC5C7
#BEC3CA
#BDC0CD
Colorpallet from #CDC0BD to #C0BDCD and to #BDCDC0
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CBC0C0
#CBC0C0
#CBC1BF
#CBC1BF
#CAC1BE
#CAC2BE
#CAC2BD
#C9BFC2
#C9C0C1
#C9C1C1
#C9C1C0
#C8C2BF
#C8C3BF
#C8C4BE
#C7BFC5
#C7C0C4
#C6C1C3
#C6C2C2
#C6C3C1
#C5C5BF
#C5C6BE
#C5BEC7
#C5C0C6
#C4C1C4
#C4C3C3
#C4C4C2
#C3C6C1
#C3C8BF
#C3BECA
#C3C0C8
#C2C2C6
#C2C4C5
#C1C6C3
#C1C8C1
#C0CABF
#C0BDCD
#C0C0CB
#BFC2C9
#BFC5C7
#BEC7C5
#BECAC3
#BDCDC0
Colorpallet from #CDC0BD to #C0BDCD and to #BDC0CD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CBC0C0
#CBC0C0
#CBC0C0
#CBC0C0
#CAC0C0
#CAC0C0
#CAC0C0
#C9BFC2
#C9BFC2
#C9BFC2
#C9BFC2
#C8C0C2
#C8C0C2
#C8C0C2
#C7BFC5
#C7BFC5
#C6BFC5
#C6BFC5
#C6C0C5
#C5C0C5
#C5C0C5
#C5BEC7
#C5BEC7
#C4BFC7
#C4BFC7
#C4BFC7
#C3C0C7
#C3C0C7
#C3BECA
#C3BECA
#C2BFCA
#C2BFCA
#C1BFCA
#C1C0CA
#C0C0CA
#C0BDCD
#C0BDCD
#BFBECD
#BFBECD
#BEBFCD
#BEBFCD
#BDC0CD
Colorpallet from #CDC0BD to #BDCDC0 and to #BDC0CD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CDC0BD
#CAC2BD
#CAC2BD
#CAC1BE
#CAC1BE
#CAC1BF
#CAC0BF
#CAC0C0
#C8C4BE
#C8C3BF
#C8C3BF
#C8C2C0
#C8C1C1
#C8C1C1
#C8C0C2
#C5C6BE
#C5C5BF
#C5C4C0
#C5C3C1
#C5C2C2
#C5C1C4
#C5C0C5
#C3C8BF
#C3C7C0
#C3C5C2
#C3C4C3
#C3C3C4
#C3C2C5
#C3C0C7
#C0CABF
#C0C8C1
#C0C7C3
#C0C5C4
#C0C4C6
#C0C2C8
#C0C0CA
#BDCDC0
#BDCBC2
#BDC9C4
#BDC7C6
#BDC5C8
#BDC3CA
#BDC0CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
