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 #BEC2D1 to #BED1C2 and to #C2BED1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC4CF
#BEC4CF
#BEC3D0
#BEC3D0
#BFC2D0
#BFC2D1
#BFC1D1
#BEC7CC
#BEC6CD
#BEC5CE
#BEC4CE
#BFC3CF
#BFC2D0
#BFC1D1
#BEC9CA
#BEC8CB
#BFC6CC
#BFC5CD
#BFC3CE
#C0C2D0
#C0C0D1
#BECCC7
#BECAC9
#BFC8CA
#BFC6CC
#C0C4CD
#C0C2CF
#C1BFD1
#BECEC5
#BECCC7
#BFC9C9
#BFC7CB
#C0C4CD
#C0C2CF
#C1BFD1
#BED1C2
#BFCEC4
#BFCBC7
#C0C8C9
#C1C5CC
#C1C2CE
#C2BED1
Colorpallet from #BEC2D1 to #BED1C2 and to #C2D1BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC4CF
#BEC4CF
#BEC4CF
#BEC4CF
#BFC4CE
#BFC4CE
#BFC4CE
#BEC7CC
#BEC7CC
#BEC7CC
#BEC7CC
#BFC7CB
#BFC7CB
#BFC7CB
#BEC9CA
#BEC9CA
#BFC9C9
#BFC9C9
#BFC9C9
#C0C9C8
#C0C9C8
#BECCC7
#BECCC7
#BFCCC6
#BFCCC6
#C0CCC6
#C0CCC5
#C1CCC5
#BECEC5
#BECEC5
#BFCEC4
#BFCEC4
#C0CEC3
#C0CEC3
#C1CEC2
#BED1C2
#BFD1C1
#BFD1C1
#C0D1C0
#C1D1BF
#C1D1BF
#C2D1BE
Colorpallet from #BEC2D1 to #BED1C2 and to #D1BEC2
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC4CF
#BEC4CF
#BFC3CF
#BFC3CF
#C0C2CF
#C0C2CF
#C1C1CF
#BEC7CC
#BFC6CC
#C0C5CC
#C1C4CC
#C2C3CC
#C3C2CC
#C4C1CC
#BEC9CA
#BFC8CA
#C1C6CA
#C2C5CA
#C4C3CA
#C5C2CA
#C7C0CA
#BECCC7
#C0CAC7
#C2C8C7
#C4C6C7
#C6C4C7
#C8C2C7
#CABFC7
#BECEC5
#C0CCC5
#C3C9C5
#C5C7C5
#C8C4C5
#CAC2C5
#CDBFC5
#BED1C2
#C1CEC2
#C4CBC2
#C7C8C2
#CAC5C2
#CDC2C2
#D1BEC2
Colorpallet from #BEC2D1 to #BED1C2 and to #D1C2BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC4CF
#BEC4CF
#BFC3CF
#BFC3CF
#C0C3CE
#C0C2CE
#C1C2CE
#BEC7CC
#BFC6CC
#C0C5CC
#C1C5CC
#C2C4CB
#C3C3CB
#C4C2CB
#BEC9CA
#BFC8CA
#C1C7C9
#C2C6C9
#C4C5C9
#C5C3C8
#C7C2C8
#BECCC7
#C0CAC7
#C2C9C6
#C4C7C6
#C6C6C6
#C8C4C5
#CAC2C5
#BECEC5
#C0CCC5
#C3CAC4
#C5C8C4
#C8C6C3
#CAC4C3
#CDC2C2
#BED1C2
#C1CFC1
#C4CCC1
#C7CAC0
#CAC7BF
#CDC5BF
#D1C2BE
Colorpallet from #BEC2D1 to #C2BED1 and to #C2D1BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BFC1D1
#BFC1D1
#BFC2D0
#BFC2D0
#BFC3CF
#BFC3CF
#BFC4CE
#BFC1D1
#BFC2D0
#BFC3CF
#BFC4CE
#BFC5CD
#BFC6CC
#BFC7CB
#C0C0D1
#C0C1D0
#C0C3CE
#C0C4CD
#C0C6CB
#C0C7CA
#C0C9C8
#C1BFD1
#C1C1CF
#C1C3CD
#C1C5CB
#C1C7C9
#C1C9C7
#C1CCC5
#C1BFD1
#C1C1CF
#C1C4CC
#C1C6CA
#C1C9C7
#C1CBC5
#C1CEC2
#C2BED1
#C2C1CE
#C2C4CB
#C2C7C8
#C2CAC5
#C2CDC2
#C2D1BE
Colorpallet from #BEC2D1 to #C2BED1 and to #D1BEC2
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BFC1D1
#BFC1D1
#C0C1D0
#C0C1D0
#C0C1D0
#C1C1CF
#C1C1CF
#BFC1D1
#C0C1D0
#C1C1CF
#C1C1CF
#C2C1CE
#C3C1CD
#C4C1CC
#C0C0D1
#C1C0D0
#C2C0CF
#C3C0CE
#C4C0CD
#C6C0CB
#C7C0CA
#C1BFD1
#C2BFCF
#C4BFCE
#C5BFCC
#C7BFCB
#C8BFC9
#CABFC7
#C1BFD1
#C3BFCF
#C5BFCD
#C7BFCB
#C9BFC9
#CBBFC7
#CDBFC5
#C2BED1
#C4BECF
#C7BECC
#C9BECA
#CCBEC7
#CEBEC5
#D1BEC2
Colorpallet from #BEC2D1 to #C2BED1 and to #D1C2BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BFC1D1
#BFC1D1
#C0C1D0
#C0C1D0
#C0C2CF
#C1C2CF
#C1C2CE
#BFC1D1
#C0C1D0
#C1C1CF
#C1C1CE
#C2C2CD
#C3C2CC
#C4C2CB
#C0C0D1
#C1C0D0
#C2C1CE
#C3C1CD
#C4C1CB
#C6C2CA
#C7C2C8
#C1BFD1
#C2BFCF
#C4C0CD
#C5C0CB
#C7C1C9
#C8C1C7
#CAC2C5
#C1BFD1
#C3BFCF
#C5C0CC
#C7C0CA
#C9C1C7
#CBC1C5
#CDC2C2
#C2BED1
#C4BFCE
#C7BFCB
#C9C0C8
#CCC1C5
#CEC1C2
#D1C2BE
Colorpallet from #BEC2D1 to #C2D1BE and to #D1BEC2
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BFC4CE
#BFC4CE
#C0C3CE
#C0C3CE
#C0C2CF
#C1C2CF
#C1C1CF
#BFC7CB
#C0C6CB
#C1C5CB
#C1C4CB
#C2C3CC
#C3C2CC
#C4C1CC
#C0C9C8
#C1C8C8
#C2C6C9
#C3C5C9
#C4C3C9
#C6C2CA
#C7C0CA
#C1CCC5
#C2CAC5
#C4C8C6
#C5C6C6
#C7C4C6
#C8C2C7
#CABFC7
#C1CEC2
#C3CCC2
#C5C9C3
#C7C7C3
#C9C4C4
#CBC2C4
#CDBFC5
#C2D1BE
#C4CEBF
#C7CBBF
#C9C8C0
#CCC5C1
#CEC2C1
#D1BEC2
Colorpallet from #BEC2D1 to #C2D1BE and to #D1C2BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BFC4CE
#BFC4CE
#C0C3CE
#C0C3CE
#C0C3CE
#C1C2CE
#C1C2CE
#BFC7CB
#C0C6CB
#C1C5CB
#C1C5CB
#C2C4CB
#C3C3CB
#C4C2CB
#C0C9C8
#C1C8C8
#C2C7C8
#C3C6C8
#C4C5C8
#C6C3C8
#C7C2C8
#C1CCC5
#C2CAC5
#C4C9C5
#C5C7C5
#C7C6C5
#C8C4C5
#CAC2C5
#C1CEC2
#C3CCC2
#C5CAC2
#C7C8C2
#C9C6C2
#CBC4C2
#CDC2C2
#C2D1BE
#C4CFBE
#C7CCBE
#C9CABE
#CCC7BE
#CEC5BE
#D1C2BE
Colorpallet from #BEC2D1 to #D1BEC2 and to #D1C2BE
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#BEC2D1
#C1C1CF
#C1C1CF
#C1C1CF
#C1C1CF
#C1C2CE
#C1C2CE
#C1C2CE
#C4C1CC
#C4C1CC
#C4C1CC
#C4C1CC
#C4C2CB
#C4C2CB
#C4C2CB
#C7C0CA
#C7C0CA
#C7C1C9
#C7C1C9
#C7C1C9
#C7C2C8
#C7C2C8
#CABFC7
#CABFC7
#CAC0C6
#CAC0C6
#CAC1C6
#CAC1C5
#CAC2C5
#CDBFC5
#CDBFC5
#CDC0C4
#CDC0C4
#CDC1C3
#CDC1C3
#CDC2C2
#D1BEC2
#D1BFC1
#D1BFC1
#D1C0C0
#D1C1BF
#D1C1BF
#D1C2BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts