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 #BFBDD8 to #BFD8BD and to #BDBFD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#BFC0D5
#BFC0D5
#BFBFD6
#BFBED7
#BFBED7
#BFBDD8
#BFC6CF
#BFC5D0
#BFC3D2
#BFC2D3
#BEC1D5
#BEC0D6
#BEBED8
#BFCACB
#BFC8CD
#BFC6CF
#BFC4D1
#BEC2D3
#BEC0D5
#BEBED8
#BFCEC7
#BFCBCA
#BFC9CC
#BFC6CF
#BEC4D2
#BEC1D5
#BEBED8
#BFD3C2
#BFD0C6
#BECDC9
#BEC9CD
#BEC6D0
#BDC3D4
#BDBFD8
#BFD8BD
#BFD4C1
#BED0C6
#BECCCA
#BEC8CE
#BDC4D3
#BDBFD8
Colorpallet from #BFBDD8 to #BFD8BD and to #BDD8BF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#BFC1D4
#BFC1D4
#BFC1D4
#BFC1D4
#BFC1D4
#BFC1D4
#BFC6CF
#BFC6CF
#BFC6CF
#BFC6CF
#BEC6D0
#BEC6D0
#BEC6D0
#BFCACB
#BFCACB
#BFCACB
#BFCACB
#BECACC
#BECACC
#BECACC
#BFCEC7
#BFCEC7
#BFCEC7
#BFCEC7
#BECEC8
#BECEC8
#BECEC8
#BFD3C2
#BFD3C2
#BED3C3
#BED3C3
#BED3C3
#BDD3C4
#BDD3C4
#BFD8BD
#BFD8BD
#BED8BE
#BED8BE
#BED8BE
#BDD8BF
#BDD8BF
Colorpallet from #BFBDD8 to #BFD8BD and to #D8BFBD
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#C0C0D4
#C0C0D4
#C1BFD4
#C2BED4
#C2BED4
#C3BDD4
#BFC6CF
#C0C5CF
#C2C3CF
#C3C2CF
#C4C1CF
#C5C0CF
#C7BECF
#BFCACB
#C1C8CB
#C3C6CB
#C5C4CB
#C7C2CB
#C9C0CB
#CBBECB
#BFCEC7
#C2CBC7
#C4C9C7
#C7C6C7
#C9C4C7
#CCC1C7
#CFBEC7
#BFD3C2
#C2D0C2
#C5CDC2
#C9C9C2
#CCC6C2
#CFC3C2
#D3BFC2
#BFD8BD
#C3D4BD
#C7D0BD
#CBCCBD
#CFC8BD
#D3C4BD
#D8BFBD
Colorpallet from #BFBDD8 to #BFD8BD and to #D8BDBF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#C0C0D4
#C0C0D4
#C1BFD4
#C2BED4
#C2BED4
#C3BDD4
#BFC6CF
#C0C5CF
#C2C3CF
#C3C2CF
#C4C0D0
#C5BFD0
#C7BDD0
#BFCACB
#C1C8CB
#C3C6CB
#C5C4CB
#C7C2CC
#C9C0CC
#CBBDCC
#BFCEC7
#C2CBC7
#C4C9C7
#C7C6C7
#C9C3C8
#CCC0C8
#CFBDC8
#BFD3C2
#C2CFC2
#C5CCC3
#C9C8C3
#CCC5C3
#CFC1C4
#D3BDC4
#BFD8BD
#C3D4BD
#C7CFBE
#CBCBBE
#CFC7BE
#D3C2BF
#D8BDBF
Colorpallet from #BFBDD8 to #BDBFD8 and to #BDD8BF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBED7
#BFBED7
#BFBFD6
#BFC0D5
#BFC0D5
#BFC1D4
#BEBED8
#BEBFD7
#BEC1D5
#BEC2D4
#BEC3D3
#BEC4D2
#BEC6D0
#BEBED8
#BEC0D6
#BEC2D4
#BEC4D2
#BEC6D0
#BEC8CE
#BECACC
#BEBED8
#BEC1D5
#BEC3D3
#BEC6D0
#BEC8CE
#BECBCB
#BECEC8
#BDBFD8
#BDC2D5
#BDC5D2
#BDC9CE
#BDCCCB
#BDCFC8
#BDD3C4
#BDBFD8
#BDC3D4
#BDC7D0
#BDCBCC
#BDCFC8
#BDD3C4
#BDD8BF
Colorpallet from #BFBDD8 to #BDBFD8 and to #D8BFBD
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#C0BDD7
#C0BDD7
#C1BDD6
#C2BDD5
#C2BDD5
#C3BDD4
#BEBED8
#BFBED7
#C1BED5
#C2BED4
#C4BED2
#C5BED1
#C7BECF
#BEBED8
#C0BED6
#C2BED4
#C4BED2
#C6BED0
#C8BECE
#CBBECB
#BEBED8
#C1BED5
#C3BED3
#C6BED0
#C9BECD
#CCBECA
#CFBEC7
#BDBFD8
#C1BFD4
#C4BFD1
#C8BFCD
#CBBFCA
#CFBFC6
#D3BFC2
#BDBFD8
#C1BFD4
#C6BFCF
#CABFCB
#CEBFC7
#D3BFC2
#D8BFBD
Colorpallet from #BFBDD8 to #BDBFD8 and to #D8BDBF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#C0BDD7
#C0BDD7
#C1BDD6
#C2BDD5
#C2BDD5
#C3BDD4
#BEBED8
#BFBED7
#C1BED5
#C2BED4
#C4BDD3
#C5BDD2
#C7BDD0
#BEBED8
#C0BED6
#C2BED4
#C4BED2
#C6BDD0
#C8BDCE
#CBBDCC
#BEBED8
#C1BED5
#C3BED3
#C6BED0
#C9BDCE
#CCBDCB
#CFBDC8
#BDBFD8
#C1BFD5
#C4BED2
#C8BECE
#CBBECB
#CFBDC8
#D3BDC4
#BDBFD8
#C1BFD4
#C6BED0
#CABECC
#CEBEC8
#D3BDC4
#D8BDBF
Colorpallet from #BFBDD8 to #BDD8BF and to #D8BFBD
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#C0C0D4
#C0C0D4
#C1BFD4
#C2BED4
#C2BED4
#C3BDD4
#BEC6D0
#BFC5D0
#C1C3D0
#C2C2D0
#C4C1CF
#C5C0CF
#C7BECF
#BECACC
#C0C8CC
#C2C6CC
#C4C4CC
#C6C2CB
#C8C0CB
#CBBECB
#BECEC8
#C1CBC8
#C3C9C8
#C6C6C8
#C9C4C7
#CCC1C7
#CFBEC7
#BDD3C4
#C1D0C4
#C4CDC3
#C8C9C3
#CBC6C3
#CFC3C2
#D3BFC2
#BDD8BF
#C1D4BF
#C6D0BE
#CACCBE
#CEC8BE
#D3C4BD
#D8BFBD
Colorpallet from #BFBDD8 to #BDD8BF and to #D8BDBF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFC1D4
#C0C0D4
#C0C0D4
#C1BFD4
#C2BED4
#C2BED4
#C3BDD4
#BEC6D0
#BFC5D0
#C1C3D0
#C2C2D0
#C4C0D0
#C5BFD0
#C7BDD0
#BECACC
#C0C8CC
#C2C6CC
#C4C4CC
#C6C2CC
#C8C0CC
#CBBDCC
#BECEC8
#C1CBC8
#C3C9C8
#C6C6C8
#C9C3C8
#CCC0C8
#CFBDC8
#BDD3C4
#C1CFC4
#C4CCC4
#C8C8C4
#CBC5C4
#CFC1C4
#D3BDC4
#BDD8BF
#C1D4BF
#C6CFBF
#CACBBF
#CEC7BF
#D3C2BF
#D8BDBF
Colorpallet from #BFBDD8 to #D8BFBD and to #D8BDBF
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#BFBDD8
#C3BDD4
#C3BDD4
#C3BDD4
#C3BDD4
#C3BDD4
#C3BDD4
#C3BDD4
#C7BECF
#C7BECF
#C7BECF
#C7BECF
#C7BDD0
#C7BDD0
#C7BDD0
#CBBECB
#CBBECB
#CBBECB
#CBBECB
#CBBDCC
#CBBDCC
#CBBDCC
#CFBEC7
#CFBEC7
#CFBEC7
#CFBEC7
#CFBDC8
#CFBDC8
#CFBDC8
#D3BFC2
#D3BFC2
#D3BEC3
#D3BEC3
#D3BEC3
#D3BDC4
#D3BDC4
#D8BFBD
#D8BFBD
#D8BEBE
#D8BEBE
#D8BEBE
#D8BDBF
#D8BDBF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
