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 #BEC3D2 to #BED2C3 and to #C3BED2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC5D0
#BEC5D0
#BEC4D1
#BEC4D1
#BFC3D1
#BFC3D2
#BFC2D2
#BEC8CD
#BEC7CE
#BFC6CF
#BFC5CF
#BFC4D0
#C0C2D1
#C0C1D2
#BECACB
#BEC9CC
#BFC7CD
#BFC6CE
#BFC4CF
#C0C3D1
#C0C1D2
#BECDC8
#BECBCA
#BFC9CB
#BFC7CD
#C0C5CE
#C0C3D0
#C1C0D2
#BECFC6
#BFCCC8
#BFCACA
#C0C7CC
#C1C5CE
#C1C2D0
#C2BFD2
#BED2C3
#BFCFC5
#C0CCC8
#C0C8CA
#C1C5CD
#C2C2CF
#C3BED2
Colorpallet from #BEC3D2 to #BED2C3 and to #C3D2BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC5D0
#BEC5D0
#BEC5D0
#BEC5D0
#BFC5CF
#BFC5CF
#BFC5CF
#BEC8CD
#BEC8CD
#BFC8CD
#BFC8CD
#BFC8CC
#C0C8CC
#C0C8CC
#BECACB
#BECACB
#BFCACA
#BFCACA
#BFCAC9
#C0CAC9
#C0CAC8
#BECDC8
#BECDC8
#BFCDC7
#BFCDC7
#C0CDC6
#C0CDC6
#C1CDC5
#BECFC6
#BFCFC5
#BFCFC5
#C0CFC4
#C1CFC3
#C1CFC3
#C2CFC2
#BED2C3
#BFD2C2
#C0D2C1
#C0D2C1
#C1D2C0
#C2D2BF
#C3D2BE
Colorpallet from #BEC3D2 to #BED2C3 and to #D2BEC3
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC5D0
#BEC5D0
#BFC4D0
#BFC4D0
#C0C3D0
#C0C3D0
#C1C2D0
#BEC8CD
#BFC7CD
#C0C6CD
#C1C5CD
#C2C4CD
#C3C2CD
#C4C1CD
#BECACB
#C0C9CB
#C1C7CB
#C3C6CB
#C4C4CB
#C6C3CB
#C8C1CB
#BECDC8
#C0CBC8
#C2C9C8
#C4C7C8
#C6C5C8
#C8C3C8
#CBC0C8
#BECFC6
#C1CCC6
#C3CAC6
#C6C7C6
#C8C5C6
#CBC2C6
#CEBFC6
#BED2C3
#C1CFC3
#C4CCC3
#C8C8C3
#CBC5C3
#CEC2C3
#D2BEC3
Colorpallet from #BEC3D2 to #BED2C3 and to #D2C3BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC5D0
#BEC5D0
#BFC4D0
#BFC4D0
#C0C4CF
#C0C3CF
#C1C3CF
#BEC8CD
#BFC7CD
#C0C6CD
#C1C6CD
#C2C5CC
#C3C4CC
#C4C3CC
#BECACB
#C0C9CB
#C1C8CA
#C3C7CA
#C4C6C9
#C6C4C9
#C8C3C8
#BECDC8
#C0CBC8
#C2CAC7
#C4C8C7
#C6C7C6
#C8C5C6
#CBC3C5
#BECFC6
#C1CDC5
#C3CBC5
#C6C9C4
#C8C7C3
#CBC5C3
#CEC3C2
#BED2C3
#C1D0C2
#C4CDC1
#C8CBC1
#CBC8C0
#CEC6BF
#D2C3BE
Colorpallet from #BEC3D2 to #C3BED2 and to #C3D2BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BFC2D2
#BFC2D2
#BFC3D1
#BFC3D1
#BFC4D0
#BFC4D0
#BFC5CF
#C0C1D2
#C0C2D1
#C0C3D0
#C0C4CF
#C0C5CE
#C0C7CD
#C0C8CC
#C0C1D2
#C0C2D0
#C0C4CF
#C0C5CD
#C0C7CC
#C0C8CA
#C0CAC8
#C1C0D2
#C1C2D0
#C1C4CE
#C1C6CC
#C1C8CA
#C1CAC8
#C1CDC5
#C2BFD2
#C2C2CF
#C2C4CD
#C2C7CA
#C2C9C8
#C2CCC5
#C2CFC2
#C3BED2
#C3C1CF
#C3C4CC
#C3C8C8
#C3CBC5
#C3CEC2
#C3D2BE
Colorpallet from #BEC3D2 to #C3BED2 and to #D2BEC3
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BFC2D2
#BFC2D2
#C0C2D1
#C0C2D1
#C0C2D1
#C1C2D0
#C1C2D0
#C0C1D2
#C1C1D1
#C1C1D0
#C2C1D0
#C3C1CF
#C3C1CE
#C4C1CD
#C0C1D2
#C1C1D1
#C3C1D0
#C4C1CF
#C5C1CE
#C6C1CC
#C8C1CB
#C1C0D2
#C3C0D0
#C4C0CF
#C6C0CD
#C7C0CC
#C9C0CA
#CBC0C8
#C2BFD2
#C4BFD0
#C6BFCE
#C8BFCC
#CABFCA
#CCBFC8
#CEBFC6
#C3BED2
#C5BED0
#C8BECD
#CABECB
#CDBEC8
#CFBEC6
#D2BEC3
Colorpallet from #BEC3D2 to #C3BED2 and to #D2C3BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BFC2D2
#BFC2D2
#C0C2D1
#C0C2D1
#C0C3D0
#C1C3D0
#C1C3CF
#C0C1D2
#C1C1D1
#C1C2D0
#C2C2CF
#C3C2CE
#C3C3CD
#C4C3CC
#C0C1D2
#C1C1D0
#C3C2CF
#C4C2CD
#C5C2CC
#C6C3CA
#C8C3C8
#C1C0D2
#C3C0D0
#C4C1CE
#C6C1CC
#C7C2CA
#C9C2C8
#CBC3C5
#C2BFD2
#C4C0CF
#C6C0CD
#C8C1CA
#CAC2C8
#CCC2C5
#CEC3C2
#C3BED2
#C5BFCF
#C8C0CC
#CAC0C8
#CDC1C5
#CFC2C2
#D2C3BE
Colorpallet from #BEC3D2 to #C3D2BE and to #D2BEC3
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BFC5CF
#BFC5CF
#C0C4CF
#C0C4CF
#C0C3D0
#C1C3D0
#C1C2D0
#C0C8CC
#C1C7CC
#C1C6CC
#C2C5CC
#C3C4CD
#C3C2CD
#C4C1CD
#C0CAC8
#C1C9C8
#C3C7C9
#C4C6C9
#C5C4CA
#C6C3CA
#C8C1CB
#C1CDC5
#C3CBC5
#C4C9C6
#C6C7C6
#C7C5C7
#C9C3C7
#CBC0C8
#C2CFC2
#C4CCC3
#C6CAC3
#C8C7C4
#CAC5C5
#CCC2C5
#CEBFC6
#C3D2BE
#C5CFBF
#C8CCC0
#CAC8C0
#CDC5C1
#CFC2C2
#D2BEC3
Colorpallet from #BEC3D2 to #C3D2BE and to #D2C3BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BFC5CF
#BFC5CF
#C0C4CF
#C0C4CF
#C0C4CF
#C1C3CF
#C1C3CF
#C0C8CC
#C1C7CC
#C1C6CC
#C2C6CC
#C3C5CC
#C3C4CC
#C4C3CC
#C0CAC8
#C1C9C8
#C3C8C8
#C4C7C8
#C5C6C8
#C6C4C8
#C8C3C8
#C1CDC5
#C3CBC5
#C4CAC5
#C6C8C5
#C7C7C5
#C9C5C5
#CBC3C5
#C2CFC2
#C4CDC2
#C6CBC2
#C8C9C2
#CAC7C2
#CCC5C2
#CEC3C2
#C3D2BE
#C5D0BE
#C8CDBE
#CACBBE
#CDC8BE
#CFC6BE
#D2C3BE
Colorpallet from #BEC3D2 to #D2BEC3 and to #D2C3BE
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#BEC3D2
#C1C2D0
#C1C2D0
#C1C2D0
#C1C2D0
#C1C3CF
#C1C3CF
#C1C3CF
#C4C1CD
#C4C1CD
#C4C2CD
#C4C2CD
#C4C2CC
#C4C3CC
#C4C3CC
#C8C1CB
#C8C1CB
#C8C2CA
#C8C2CA
#C8C2C9
#C8C3C9
#C8C3C8
#CBC0C8
#CBC0C8
#CBC1C7
#CBC1C7
#CBC2C6
#CBC2C6
#CBC3C5
#CEBFC6
#CEC0C5
#CEC0C5
#CEC1C4
#CEC2C3
#CEC2C3
#CEC3C2
#D2BEC3
#D2BFC2
#D2C0C1
#D2C0C1
#D2C1C0
#D2C2BF
#D2C3BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts