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 #BEC1D1 to #BED1C1 and to #C1BED1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BEC3CF
#BEC3CF
#BEC2D0
#BEC2D0
#BEC1D1
#BEC6CC
#BEC5CD
#BEC4CE
#BEC3CE
#BFC2CF
#BFC1D0
#BFC0D1
#BEC9C9
#BEC8CA
#BEC6CC
#BEC5CD
#BFC3CE
#BFC2CF
#BFC0D1
#BECBC7
#BEC9C9
#BFC7CA
#BFC5CC
#BFC3CD
#C0C1CF
#C0BFD1
#BECEC4
#BECCC6
#BFC9C8
#BFC7CA
#BFC4CC
#C0C2CE
#C0BFD1
#BED1C1
#BECEC4
#BFCBC6
#BFC8C9
#C0C5CB
#C0C2CE
#C1BED1
Colorpallet from #BEC1D1 to #BED1C1 and to #C1D1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BEC4CE
#BEC4CE
#BEC4CE
#BEC4CE
#BEC4CE
#BEC6CC
#BEC6CC
#BEC6CC
#BEC6CC
#BFC6CB
#BFC6CB
#BFC6CB
#BEC9C9
#BEC9C9
#BEC9C9
#BEC9C9
#BFC9C8
#BFC9C8
#BFC9C8
#BECBC7
#BECBC7
#BFCBC6
#BFCBC6
#BFCBC6
#C0CBC5
#C0CBC5
#BECEC4
#BECEC4
#BFCEC3
#BFCEC3
#BFCEC3
#C0CEC2
#C0CEC2
#BED1C1
#BED1C1
#BFD1C0
#BFD1C0
#C0D1BF
#C0D1BF
#C1D1BE
Colorpallet from #BEC1D1 to #BED1C1 and to #D1BEC1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BFC3CE
#BFC3CE
#C0C2CE
#C0C2CE
#C1C1CE
#BEC6CC
#BFC5CC
#C0C4CC
#C1C3CC
#C2C2CC
#C3C1CC
#C4C0CC
#BEC9C9
#BFC8C9
#C1C6C9
#C2C5C9
#C4C3C9
#C5C2C9
#C7C0C9
#BECBC7
#C0C9C7
#C2C7C7
#C4C5C7
#C6C3C7
#C8C1C7
#CABFC7
#BECEC4
#C0CCC4
#C3C9C4
#C5C7C4
#C8C4C4
#CAC2C4
#CDBFC4
#BED1C1
#C1CEC1
#C4CBC1
#C7C8C1
#CAC5C1
#CDC2C1
#D1BEC1
Colorpallet from #BEC1D1 to #BED1C1 and to #D1C1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BFC3CE
#BFC3CE
#C0C2CE
#C0C2CE
#C1C1CE
#BEC6CC
#BFC5CC
#C0C4CC
#C1C4CC
#C2C3CB
#C3C2CB
#C4C1CB
#BEC9C9
#BFC8C9
#C1C6C9
#C2C5C9
#C4C4C8
#C5C3C8
#C7C1C8
#BECBC7
#C0C9C7
#C2C8C6
#C4C6C6
#C6C5C6
#C8C3C5
#CAC1C5
#BECEC4
#C0CCC4
#C3CAC3
#C5C8C3
#C8C6C3
#CAC4C2
#CDC1C2
#BED1C1
#C1CEC1
#C4CCC0
#C7C9C0
#CAC7BF
#CDC4BF
#D1C1BE
Colorpallet from #BEC1D1 to #C1BED1 and to #C1D1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC2D0
#BEC2D0
#BEC3CF
#BEC3CF
#BEC4CE
#BFC0D1
#BFC1D0
#BFC2CF
#BFC3CE
#BFC4CD
#BFC5CC
#BFC6CB
#BFC0D1
#BFC1D0
#BFC3CE
#BFC4CD
#BFC6CB
#BFC7CA
#BFC9C8
#C0BFD1
#C0C1CF
#C0C3CD
#C0C5CB
#C0C7C9
#C0C9C7
#C0CBC5
#C0BFD1
#C0C1CF
#C0C4CC
#C0C6CA
#C0C9C7
#C0CBC5
#C0CEC2
#C1BED1
#C1C1CE
#C1C4CB
#C1C7C8
#C1CAC5
#C1CDC2
#C1D1BE
Colorpallet from #BEC1D1 to #C1BED1 and to #D1BEC1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BFC1D0
#BFC1D0
#C0C1CF
#C0C1CF
#C1C1CE
#BFC0D1
#C0C0D0
#C1C0CF
#C1C0CF
#C2C0CE
#C3C0CD
#C4C0CC
#BFC0D1
#C0C0D0
#C2C0CE
#C3C0CD
#C4C0CC
#C5C0CB
#C7C0C9
#C0BFD1
#C2BFCF
#C3BFCE
#C5BFCC
#C6BFCB
#C8BFC9
#CABFC7
#C0BFD1
#C2BFCF
#C4BFCD
#C6BFCB
#C8BFC9
#CABFC7
#CDBFC4
#C1BED1
#C4BECE
#C6BECC
#C9BEC9
#CBBEC7
#CEBEC4
#D1BEC1
Colorpallet from #BEC1D1 to #C1BED1 and to #D1C1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BFC1D0
#BFC1D0
#C0C1CF
#C0C1CF
#C1C1CE
#BFC0D1
#C0C0D0
#C1C0CF
#C1C0CE
#C2C1CD
#C3C1CC
#C4C1CB
#BFC0D1
#C0C0D0
#C2C0CE
#C3C0CD
#C4C1CB
#C5C1CA
#C7C1C8
#C0BFD1
#C2BFCF
#C3C0CD
#C5C0CB
#C6C0C9
#C8C1C7
#CAC1C5
#C0BFD1
#C2BFCF
#C4C0CC
#C6C0CA
#C8C0C7
#CAC1C5
#CDC1C2
#C1BED1
#C4BECE
#C6BFCB
#C9BFC8
#CBC0C5
#CEC0C2
#D1C1BE
Colorpallet from #BEC1D1 to #C1D1BE and to #D1BEC1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BFC3CE
#BFC3CE
#C0C2CE
#C0C2CE
#C1C1CE
#BFC6CB
#C0C5CB
#C1C4CB
#C1C3CB
#C2C2CC
#C3C1CC
#C4C0CC
#BFC9C8
#C0C8C8
#C2C6C8
#C3C5C8
#C4C3C9
#C5C2C9
#C7C0C9
#C0CBC5
#C2C9C5
#C3C7C6
#C5C5C6
#C6C3C6
#C8C1C7
#CABFC7
#C0CEC2
#C2CCC2
#C4C9C3
#C6C7C3
#C8C4C3
#CAC2C4
#CDBFC4
#C1D1BE
#C4CEBE
#C6CBBF
#C9C8BF
#CBC5C0
#CEC2C0
#D1BEC1
Colorpallet from #BEC1D1 to #C1D1BE and to #D1C1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC4CE
#BEC4CE
#BFC3CE
#BFC3CE
#C0C2CE
#C0C2CE
#C1C1CE
#BFC6CB
#C0C5CB
#C1C4CB
#C1C4CB
#C2C3CB
#C3C2CB
#C4C1CB
#BFC9C8
#C0C8C8
#C2C6C8
#C3C5C8
#C4C4C8
#C5C3C8
#C7C1C8
#C0CBC5
#C2C9C5
#C3C8C5
#C5C6C5
#C6C5C5
#C8C3C5
#CAC1C5
#C0CEC2
#C2CCC2
#C4CAC2
#C6C8C2
#C8C6C2
#CAC4C2
#CDC1C2
#C1D1BE
#C4CEBE
#C6CCBE
#C9C9BE
#CBC7BE
#CEC4BE
#D1C1BE
Colorpallet from #BEC1D1 to #D1BEC1 and to #D1C1BE
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#BEC1D1
#C1C1CE
#C1C1CE
#C1C1CE
#C1C1CE
#C1C1CE
#C1C1CE
#C1C1CE
#C4C0CC
#C4C0CC
#C4C0CC
#C4C0CC
#C4C1CB
#C4C1CB
#C4C1CB
#C7C0C9
#C7C0C9
#C7C0C9
#C7C0C9
#C7C1C8
#C7C1C8
#C7C1C8
#CABFC7
#CABFC7
#CAC0C6
#CAC0C6
#CAC0C6
#CAC1C5
#CAC1C5
#CDBFC4
#CDBFC4
#CDC0C3
#CDC0C3
#CDC0C3
#CDC1C2
#CDC1C2
#D1BEC1
#D1BEC1
#D1BFC0
#D1BFC0
#D1C0BF
#D1C0BF
#D1C1BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts