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 #BEC3D3 to #BED3C3 and to #C3BED3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC6D0
#BEC5D0
#BEC5D1
#BEC4D1
#BFC3D2
#BFC3D2
#BFC2D3
#BEC8CE
#BEC7CF
#BFC6D0
#BFC5D0
#BFC4D1
#C0C2D2
#C0C1D3
#BECBCB
#BEC9CC
#BFC8CE
#BFC6CF
#BFC5D0
#C0C3D1
#C0C1D3
#BECDC9
#BECBCB
#BFC9CC
#BFC7CE
#C0C5CF
#C0C3D1
#C1C0D3
#BED0C6
#BFCDC8
#BFCBCA
#C0C8CC
#C1C5CE
#C1C2D0
#C2BFD3
#BED3C3
#BFD0C6
#C0CCC8
#C0C9CB
#C1C6CD
#C2C2D0
#C3BED3
Colorpallet from #BEC3D3 to #BED3C3 and to #C3D3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC6D0
#BEC6D0
#BEC6D0
#BEC6D0
#BFC6D0
#BFC6D0
#BFC6D0
#BEC8CE
#BEC8CE
#BFC8CD
#BFC8CD
#BFC8CD
#C0C8CC
#C0C8CC
#BECBCB
#BECBCB
#BFCBCA
#BFCBCA
#BFCBCA
#C0CBC9
#C0CBC9
#BECDC9
#BECDC9
#BFCDC8
#BFCDC8
#C0CDC7
#C0CDC7
#C1CDC6
#BED0C6
#BFD0C5
#BFD0C5
#C0D0C4
#C1D0C3
#C1D0C3
#C2D0C2
#BED3C3
#BFD3C2
#C0D3C1
#C0D3C1
#C1D3C0
#C2D3BF
#C3D3BE
Colorpallet from #BEC3D3 to #BED3C3 and to #D3BEC3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC6D0
#BEC5D0
#BFC5D0
#BFC4D0
#C0C3D0
#C0C3D0
#C1C2D0
#BEC8CE
#BFC7CE
#C0C6CE
#C1C5CE
#C2C4CE
#C4C2CE
#C5C1CE
#BECBCB
#C0C9CB
#C1C8CB
#C3C6CB
#C4C5CB
#C6C3CB
#C8C1CB
#BECDC9
#C0CBC9
#C2C9C9
#C4C7C9
#C6C5C9
#C8C3C9
#CBC0C9
#BED0C6
#C1CDC6
#C3CBC6
#C6C8C6
#C9C5C6
#CCC2C6
#CFBFC6
#BED3C3
#C1D0C3
#C5CCC3
#C8C9C3
#CBC6C3
#CFC2C3
#D3BEC3
Colorpallet from #BEC3D3 to #BED3C3 and to #D3C3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC6D0
#BEC6D0
#BFC5D0
#BFC5D0
#C0C4D0
#C0C4D0
#C1C3D0
#BEC8CE
#BFC7CE
#C0C6CD
#C1C6CD
#C2C5CD
#C4C4CC
#C5C3CC
#BECBCB
#C0CACB
#C1C8CA
#C3C7CA
#C4C6CA
#C6C5C9
#C8C3C9
#BECDC9
#C0CBC9
#C2CAC8
#C4C8C8
#C6C7C7
#C8C5C7
#CBC3C6
#BED0C6
#C1CEC5
#C3CCC5
#C6CAC4
#C9C8C3
#CCC6C3
#CFC3C2
#BED3C3
#C1D0C2
#C5CEC1
#C8CBC1
#CBC9C0
#CFC6BF
#D3C3BE
Colorpallet from #BEC3D3 to #C3BED3 and to #C3D3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BFC2D3
#BFC3D3
#BFC3D2
#BFC4D2
#BFC5D1
#BFC5D1
#BFC6D0
#C0C1D3
#C0C2D2
#C0C3D1
#C0C4D0
#C0C5CF
#C0C7CD
#C0C8CC
#C0C1D3
#C0C3D1
#C0C4D0
#C0C6CE
#C0C7CD
#C0C9CB
#C0CBC9
#C1C0D3
#C1C2D1
#C1C4CF
#C1C6CD
#C1C8CB
#C1CAC9
#C1CDC6
#C2BFD3
#C2C2D0
#C2C4CE
#C2C7CB
#C2CAC8
#C2CDC5
#C2D0C2
#C3BED3
#C3C1D0
#C3C5CC
#C3C8C9
#C3CBC6
#C3CFC2
#C3D3BE
Colorpallet from #BEC3D3 to #C3BED3 and to #D3BEC3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BFC2D3
#BFC2D3
#C0C2D2
#C0C2D2
#C0C2D1
#C1C2D1
#C1C2D0
#C0C1D3
#C1C1D2
#C2C1D1
#C2C1D1
#C3C1D0
#C4C1CF
#C5C1CE
#C0C1D3
#C1C1D2
#C3C1D0
#C4C1CF
#C5C1CE
#C6C1CD
#C8C1CB
#C1C0D3
#C3C0D1
#C4C0D0
#C6C0CE
#C7C0CD
#C9C0CB
#CBC0C9
#C2BFD3
#C4BFD1
#C6BFCF
#C8BFCD
#CABFCB
#CCBFC9
#CFBFC6
#C3BED3
#C6BED0
#C8BECE
#CBBECB
#CDBEC9
#D0BEC6
#D3BEC3
Colorpallet from #BEC3D3 to #C3BED3 and to #D3C3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BFC2D3
#BFC2D3
#C0C2D2
#C0C2D2
#C0C3D1
#C1C3D1
#C1C3D0
#C0C1D3
#C1C1D2
#C2C2D1
#C2C2D0
#C3C2CF
#C4C3CD
#C5C3CC
#C0C1D3
#C1C1D1
#C3C2D0
#C4C2CE
#C5C2CD
#C6C3CB
#C8C3C9
#C1C0D3
#C3C0D1
#C4C1CF
#C6C1CD
#C7C2CB
#C9C2C9
#CBC3C6
#C2BFD3
#C4C0D0
#C6C0CE
#C8C1CB
#CAC2C8
#CCC2C5
#CFC3C2
#C3BED3
#C6BFD0
#C8C0CC
#CBC0C9
#CDC1C6
#D0C2C2
#D3C3BE
Colorpallet from #BEC3D3 to #C3D3BE and to #D3BEC3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BFC6D0
#BFC5D0
#C0C5D0
#C0C4D0
#C0C3D0
#C1C3D0
#C1C2D0
#C0C8CC
#C1C7CC
#C2C6CD
#C2C5CD
#C3C4CD
#C4C2CE
#C5C1CE
#C0CBC9
#C1C9C9
#C3C8CA
#C4C6CA
#C5C5CA
#C6C3CB
#C8C1CB
#C1CDC6
#C3CBC6
#C4C9C7
#C6C7C7
#C7C5C8
#C9C3C8
#CBC0C9
#C2D0C2
#C4CDC3
#C6CBC3
#C8C8C4
#CAC5C5
#CCC2C5
#CFBFC6
#C3D3BE
#C6D0BF
#C8CCC0
#CBC9C0
#CDC6C1
#D0C2C2
#D3BEC3
Colorpallet from #BEC3D3 to #C3D3BE and to #D3C3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BFC6D0
#BFC6D0
#C0C5D0
#C0C5D0
#C0C4D0
#C1C4D0
#C1C3D0
#C0C8CC
#C1C7CC
#C2C6CC
#C2C6CC
#C3C5CC
#C4C4CC
#C5C3CC
#C0CBC9
#C1CAC9
#C3C8C9
#C4C7C9
#C5C6C9
#C6C5C9
#C8C3C9
#C1CDC6
#C3CBC6
#C4CAC6
#C6C8C6
#C7C7C6
#C9C5C6
#CBC3C6
#C2D0C2
#C4CEC2
#C6CCC2
#C8CAC2
#CAC8C2
#CCC6C2
#CFC3C2
#C3D3BE
#C6D0BE
#C8CEBE
#CBCBBE
#CDC9BE
#D0C6BE
#D3C3BE
Colorpallet from #BEC3D3 to #D3BEC3 and to #D3C3BE
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#BEC3D3
#C1C2D0
#C1C2D0
#C1C2D0
#C1C2D0
#C1C3D0
#C1C3D0
#C1C3D0
#C5C1CE
#C5C1CE
#C5C2CD
#C5C2CD
#C5C2CD
#C5C3CC
#C5C3CC
#C8C1CB
#C8C1CB
#C8C2CA
#C8C2CA
#C8C2CA
#C8C3C9
#C8C3C9
#CBC0C9
#CBC0C9
#CBC1C8
#CBC1C8
#CBC2C7
#CBC2C7
#CBC3C6
#CFBFC6
#CFC0C5
#CFC0C5
#CFC1C4
#CFC2C3
#CFC2C3
#CFC3C2
#D3BEC3
#D3BFC2
#D3C0C1
#D3C0C1
#D3C1C0
#D3C2BF
#D3C3BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts