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 #BEC4D2 to #BED2C4 and to #C4BED2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC6D0
#BEC6D0
#BEC5D1
#BEC5D1
#BFC4D1
#BFC4D2
#BFC3D2
#BEC8CE
#BEC7CF
#BFC6CF
#BFC5D0
#BFC4D1
#C0C3D1
#C0C2D2
#BECBCB
#BEC9CC
#BFC8CD
#BFC6CE
#C0C5CF
#C0C3D1
#C1C1D2
#BECDC9
#BFCBCA
#BFC9CC
#C0C7CD
#C1C5CF
#C1C3D0
#C2C0D2
#BECFC7
#BFCCC9
#C0CACB
#C0C7CC
#C1C5CE
#C2C2D0
#C3BFD2
#BED2C4
#BFCFC6
#C0CCC8
#C1C8CB
#C2C5CD
#C3C2CF
#C4BED2
Colorpallet from #BEC4D2 to #BED2C4 and to #C4D2BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC6D0
#BEC6D0
#BEC6D0
#BEC6D0
#BFC6CF
#BFC6CF
#BFC6CF
#BEC8CE
#BEC8CE
#BFC8CD
#BFC8CD
#BFC8CD
#C0C8CC
#C0C8CC
#BECBCB
#BECBCB
#BFCBCA
#BFCBCA
#C0CBC9
#C0CBC9
#C1CBC8
#BECDC9
#BFCDC8
#BFCDC8
#C0CDC7
#C1CDC6
#C1CDC6
#C2CDC5
#BECFC7
#BFCFC6
#C0CFC5
#C0CFC5
#C1CFC4
#C2CFC3
#C3CFC2
#BED2C4
#BFD2C3
#C0D2C2
#C1D2C1
#C2D2C0
#C3D2BF
#C4D2BE
Colorpallet from #BEC4D2 to #BED2C4 and to #D2BEC4
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC6D0
#BEC6D0
#BFC5D0
#BFC5D0
#C0C4D0
#C0C4D0
#C1C3D0
#BEC8CE
#BFC7CE
#C0C6CE
#C1C5CE
#C2C4CE
#C3C3CE
#C4C2CE
#BECBCB
#C0C9CB
#C1C8CB
#C3C6CB
#C4C5CB
#C6C3CB
#C8C1CB
#BECDC9
#C0CBC9
#C2C9C9
#C4C7C9
#C6C5C9
#C8C3C9
#CBC0C9
#BECFC7
#C1CCC7
#C3CAC7
#C6C7C7
#C8C5C7
#CBC2C7
#CEBFC7
#BED2C4
#C1CFC4
#C4CCC4
#C8C8C4
#CBC5C4
#CEC2C4
#D2BEC4
Colorpallet from #BEC4D2 to #BED2C4 and to #D2C4BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC6D0
#BEC6D0
#BFC5D0
#BFC5D0
#C0C5CF
#C0C4CF
#C1C4CF
#BEC8CE
#BFC7CE
#C0C7CD
#C1C6CD
#C2C5CD
#C3C5CC
#C4C4CC
#BECBCB
#C0CACB
#C1C9CA
#C3C8CA
#C4C7C9
#C6C5C9
#C8C4C8
#BECDC9
#C0CCC8
#C2CAC8
#C4C9C7
#C6C7C6
#C8C6C6
#CBC4C5
#BECFC7
#C1CDC6
#C3CBC5
#C6CAC5
#C8C8C4
#CBC6C3
#CEC4C2
#BED2C4
#C1D0C3
#C4CEC2
#C8CBC1
#CBC9C0
#CEC7BF
#D2C4BE
Colorpallet from #BEC4D2 to #C4BED2 and to #C4D2BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BFC3D2
#BFC3D2
#BFC4D1
#BFC4D1
#BFC5D0
#BFC5D0
#BFC6CF
#C0C2D2
#C0C3D1
#C0C4D0
#C0C5CF
#C0C6CE
#C0C7CD
#C0C8CC
#C1C1D2
#C1C3D0
#C1C4CF
#C1C6CD
#C1C7CC
#C1C9CA
#C1CBC8
#C2C0D2
#C2C2D0
#C2C4CE
#C2C6CC
#C2C8CA
#C2CAC8
#C2CDC5
#C3BFD2
#C3C2CF
#C3C4CD
#C3C7CA
#C3C9C8
#C3CCC5
#C3CFC2
#C4BED2
#C4C1CF
#C4C4CC
#C4C8C8
#C4CBC5
#C4CEC2
#C4D2BE
Colorpallet from #BEC4D2 to #C4BED2 and to #D2BEC4
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BFC3D2
#BFC3D2
#C0C3D1
#C0C3D1
#C0C3D1
#C1C3D0
#C1C3D0
#C0C2D2
#C1C2D1
#C1C2D1
#C2C2D0
#C3C2CF
#C3C2CF
#C4C2CE
#C1C1D2
#C2C1D1
#C3C1D0
#C4C1CF
#C5C1CE
#C7C1CC
#C8C1CB
#C2C0D2
#C3C0D1
#C5C0CF
#C6C0CE
#C8C0CC
#C9C0CB
#CBC0C9
#C3BFD2
#C5BFD0
#C7BFCE
#C8BFCD
#CABFCB
#CCBFC9
#CEBFC7
#C4BED2
#C6BED0
#C8BECE
#CBBECB
#CDBEC9
#CFBEC7
#D2BEC4
Colorpallet from #BEC4D2 to #C4BED2 and to #D2C4BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BFC3D2
#BFC3D2
#C0C3D1
#C0C3D1
#C0C4D0
#C1C4D0
#C1C4CF
#C0C2D2
#C1C2D1
#C1C3D0
#C2C3CF
#C3C3CE
#C3C4CD
#C4C4CC
#C1C1D2
#C2C1D0
#C3C2CF
#C4C2CD
#C5C3CC
#C7C3CA
#C8C4C8
#C2C0D2
#C3C1D0
#C5C1CE
#C6C2CC
#C8C3CA
#C9C3C8
#CBC4C5
#C3BFD2
#C5C0CF
#C7C1CD
#C8C1CA
#CAC2C8
#CCC3C5
#CEC4C2
#C4BED2
#C6BFCF
#C8C0CC
#CBC1C8
#CDC2C5
#CFC3C2
#D2C4BE
Colorpallet from #BEC4D2 to #C4D2BE and to #D2BEC4
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BFC6CF
#BFC6CF
#C0C5CF
#C0C5CF
#C0C4D0
#C1C4D0
#C1C3D0
#C0C8CC
#C1C7CC
#C1C6CD
#C2C5CD
#C3C4CD
#C3C3CE
#C4C2CE
#C1CBC8
#C2C9C8
#C3C8C9
#C4C6C9
#C5C5CA
#C7C3CA
#C8C1CB
#C2CDC5
#C3CBC6
#C5C9C6
#C6C7C7
#C8C5C8
#C9C3C8
#CBC0C9
#C3CFC2
#C5CCC3
#C7CAC4
#C8C7C4
#CAC5C5
#CCC2C6
#CEBFC7
#C4D2BE
#C6CFBF
#C8CCC0
#CBC8C1
#CDC5C2
#CFC2C3
#D2BEC4
Colorpallet from #BEC4D2 to #C4D2BE and to #D2C4BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BFC6CF
#BFC6CF
#C0C5CF
#C0C5CF
#C0C5CF
#C1C4CF
#C1C4CF
#C0C8CC
#C1C7CC
#C1C7CC
#C2C6CC
#C3C5CC
#C3C5CC
#C4C4CC
#C1CBC8
#C2CAC8
#C3C9C8
#C4C8C8
#C5C7C8
#C7C5C8
#C8C4C8
#C2CDC5
#C3CCC5
#C5CAC5
#C6C9C5
#C8C7C5
#C9C6C5
#CBC4C5
#C3CFC2
#C5CDC2
#C7CBC2
#C8CAC2
#CAC8C2
#CCC6C2
#CEC4C2
#C4D2BE
#C6D0BE
#C8CEBE
#CBCBBE
#CDC9BE
#CFC7BE
#D2C4BE
Colorpallet from #BEC4D2 to #D2BEC4 and to #D2C4BE
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#BEC4D2
#C1C3D0
#C1C3D0
#C1C3D0
#C1C3D0
#C1C4CF
#C1C4CF
#C1C4CF
#C4C2CE
#C4C2CE
#C4C3CD
#C4C3CD
#C4C3CD
#C4C4CC
#C4C4CC
#C8C1CB
#C8C1CB
#C8C2CA
#C8C2CA
#C8C3C9
#C8C3C9
#C8C4C8
#CBC0C9
#CBC1C8
#CBC1C8
#CBC2C7
#CBC3C6
#CBC3C6
#CBC4C5
#CEBFC7
#CEC0C6
#CEC1C5
#CEC1C5
#CEC2C4
#CEC3C3
#CEC4C2
#D2BEC4
#D2BFC3
#D2C0C2
#D2C1C1
#D2C2C0
#D2C3BF
#D2C4BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts