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 #BFBDDA to #BFDABD and to #BDBFDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D5
#BFC1D6
#BFC0D7
#BFC0D7
#BFBFD8
#BFBED9
#BFBDDA
#BFC6D1
#BFC5D2
#BFC3D4
#BFC2D5
#BEC1D7
#BEC0D8
#BEBEDA
#BFCBCC
#BFC9CE
#BFC7D0
#BFC5D3
#BEC3D5
#BEC1D7
#BEBEDA
#BFD0C7
#BFCDCA
#BFCACD
#BFC7D0
#BEC4D3
#BEC2D6
#BEBEDA
#BFD4C3
#BFD1C7
#BECDCA
#BECACE
#BEC7D2
#BDC3D5
#BDBFDA
#BFDABD
#BFD6C2
#BED1C6
#BECDCB
#BEC9D0
#BDC4D4
#BDBFDA
Colorpallet from #BFBDDA to #BFDABD and to #BDDABF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D5
#BFC2D5
#BFC2D5
#BFC2D5
#BFC2D6
#BFC2D6
#BFC2D6
#BFC6D1
#BFC6D1
#BFC6D1
#BFC6D1
#BEC6D1
#BEC6D1
#BEC6D1
#BFCBCC
#BFCBCC
#BFCBCC
#BFCBCC
#BECBCD
#BECBCD
#BECBCD
#BFD0C7
#BFD0C7
#BFD0C8
#BFD0C8
#BED0C8
#BED0C9
#BED0C9
#BFD4C3
#BFD4C3
#BED4C3
#BED4C3
#BED4C4
#BDD4C4
#BDD4C4
#BFDABD
#BFDABD
#BEDABE
#BEDABE
#BEDABE
#BDDABF
#BDDABF
Colorpallet from #BFBDDA to #BFDABD and to #DABFBD
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D5
#C0C1D5
#C0C0D5
#C1C0D5
#C2BFD5
#C2BED5
#C3BDD5
#BFC6D1
#C0C5D1
#C2C3D1
#C3C2D1
#C5C1D1
#C6C0D1
#C8BED1
#BFCBCC
#C1C9CC
#C3C7CC
#C5C5CC
#C7C3CC
#C9C1CC
#CCBECC
#BFD0C7
#C2CDC7
#C4CAC7
#C7C7C7
#CAC4C7
#CDC2C7
#D0BEC7
#BFD4C3
#C3D1C3
#C6CDC3
#CACAC3
#CDC7C3
#D1C3C3
#D5BFC3
#BFDABD
#C3D6BD
#C8D1BD
#CCCDBD
#D0C9BD
#D5C4BD
#DABFBD
Colorpallet from #BFBDDA to #BFDABD and to #DABDBF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D5
#C0C1D5
#C0C0D5
#C1C0D5
#C2BFD6
#C2BED6
#C3BDD6
#BFC6D1
#C0C5D1
#C2C3D1
#C3C2D1
#C5C0D1
#C6BFD1
#C8BDD1
#BFCBCC
#C1C9CC
#C3C7CC
#C5C4CC
#C7C2CD
#C9C0CD
#CCBDCD
#BFD0C7
#C2CDC7
#C4CAC8
#C7C7C8
#CAC4C8
#CDC1C9
#D0BDC9
#BFD4C3
#C3D0C3
#C6CDC3
#CAC9C3
#CDC5C4
#D1C2C4
#D5BDC4
#BFDABD
#C3D5BD
#C8D1BE
#CCCCBE
#D0C7BE
#D5C3BF
#DABDBF
Colorpallet from #BFBDDA to #BDBFDA and to #BDDABF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBED9
#BFBFD9
#BFBFD8
#BFC0D7
#BFC1D7
#BFC2D6
#BEBEDA
#BEBFD9
#BEC1D7
#BEC2D6
#BEC3D4
#BEC4D3
#BEC6D1
#BEBEDA
#BEC0D8
#BEC2D6
#BEC4D4
#BEC6D2
#BEC8D0
#BECBCD
#BEBEDA
#BEC1D7
#BEC4D5
#BEC7D2
#BECACF
#BECCCC
#BED0C9
#BDBFDA
#BDC2D6
#BDC6D3
#BDC9CF
#BDCCCC
#BDD0C8
#BDD4C4
#BDBFDA
#BDC3D6
#BDC8D1
#BDCCCD
#BDD0C9
#BDD5C4
#BDDABF
Colorpallet from #BFBDDA to #BDBFDA and to #DABFBD
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#C0BDD9
#C0BDD8
#C1BDD8
#C2BDD7
#C2BDD6
#C3BDD5
#BEBEDA
#C0BED9
#C1BED7
#C3BED6
#C4BED4
#C6BED3
#C8BED1
#BEBEDA
#C0BED8
#C2BED6
#C5BED3
#C7BED1
#C9BECF
#CCBECC
#BEBEDA
#C1BED7
#C4BED4
#C7BED1
#CABECE
#CCBECB
#D0BEC7
#BDBFDA
#C1BFD6
#C5BFD3
#C9BFCF
#CCBFCB
#D0BFC8
#D5BFC3
#BDBFDA
#C2BFD5
#C6BFD1
#CBBFCC
#D0BFC7
#D4BFC3
#DABFBD
Colorpallet from #BFBDDA to #BDBFDA and to #DABDBF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#C0BDD9
#C0BDD9
#C1BDD8
#C2BDD7
#C2BDD7
#C3BDD6
#BEBEDA
#C0BED9
#C1BED7
#C3BED6
#C4BDD4
#C6BDD3
#C8BDD1
#BEBEDA
#C0BED8
#C2BED6
#C5BED4
#C7BDD2
#C9BDD0
#CCBDCD
#BEBEDA
#C1BED7
#C4BED5
#C7BED2
#CABDCF
#CCBDCC
#D0BDC9
#BDBFDA
#C1BFD6
#C5BED3
#C9BECF
#CCBECC
#D0BDC8
#D5BDC4
#BDBFDA
#C2BFD6
#C6BED1
#CBBECD
#D0BEC9
#D4BDC4
#DABDBF
Colorpallet from #BFBDDA to #BDDABF and to #DABFBD
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D6
#C0C1D6
#C0C0D6
#C1C0D6
#C2BFD5
#C2BED5
#C3BDD5
#BEC6D1
#C0C5D1
#C1C3D1
#C3C2D1
#C4C1D1
#C6C0D1
#C8BED1
#BECBCD
#C0C9CD
#C2C7CD
#C5C5CD
#C7C3CC
#C9C1CC
#CCBECC
#BED0C9
#C1CDC9
#C4CAC8
#C7C7C8
#CAC4C8
#CCC2C7
#D0BEC7
#BDD4C4
#C1D1C4
#C5CDC4
#C9CAC4
#CCC7C3
#D0C3C3
#D5BFC3
#BDDABF
#C2D6BF
#C6D1BE
#CBCDBE
#D0C9BE
#D4C4BD
#DABFBD
Colorpallet from #BFBDDA to #BDDABF and to #DABDBF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFC2D6
#C0C1D6
#C0C0D6
#C1C0D6
#C2BFD6
#C2BED6
#C3BDD6
#BEC6D1
#C0C5D1
#C1C3D1
#C3C2D1
#C4C0D1
#C6BFD1
#C8BDD1
#BECBCD
#C0C9CD
#C2C7CD
#C5C4CD
#C7C2CD
#C9C0CD
#CCBDCD
#BED0C9
#C1CDC9
#C4CAC9
#C7C7C9
#CAC4C9
#CCC1C9
#D0BDC9
#BDD4C4
#C1D0C4
#C5CDC4
#C9C9C4
#CCC5C4
#D0C2C4
#D5BDC4
#BDDABF
#C2D5BF
#C6D1BF
#CBCCBF
#D0C7BF
#D4C3BF
#DABDBF
Colorpallet from #BFBDDA to #DABFBD and to #DABDBF
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#BFBDDA
#C3BDD5
#C3BDD5
#C3BDD5
#C3BDD5
#C3BDD6
#C3BDD6
#C3BDD6
#C8BED1
#C8BED1
#C8BED1
#C8BED1
#C8BDD1
#C8BDD1
#C8BDD1
#CCBECC
#CCBECC
#CCBECC
#CCBECC
#CCBDCD
#CCBDCD
#CCBDCD
#D0BEC7
#D0BEC7
#D0BEC8
#D0BEC8
#D0BDC8
#D0BDC9
#D0BDC9
#D5BFC3
#D5BFC3
#D5BEC3
#D5BEC3
#D5BEC4
#D5BDC4
#D5BDC4
#DABFBD
#DABFBD
#DABEBE
#DABEBE
#DABEBE
#DABDBF
#DABDBF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts