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 #BECBC2 to #BEC2CB and to #CBBEC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECAC3
#BECAC3
#BFCAC3
#BFCAC3
#BFC9C2
#C0C9C2
#C0C9C2
#BEC8C5
#BFC8C5
#BFC8C4
#C0C8C4
#C1C7C3
#C1C7C3
#C2C7C2
#BEC7C6
#BFC7C5
#C0C6C5
#C1C6C4
#C2C6C3
#C3C5C3
#C4C5C2
#BEC5C8
#BFC5C7
#C1C4C6
#C2C4C5
#C3C4C4
#C4C3C3
#C6C3C2
#BEC4C9
#C0C4C8
#C1C3C7
#C3C3C6
#C4C2C5
#C6C2C3
#C8C1C2
#BEC2CB
#C0C1CA
#C2C1C8
#C4C0C7
#C6BFC5
#C8BFC4
#CBBEC2
Colorpallet from #BECBC2 to #BEC2CB and to #CBC2BE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECAC3
#BECAC3
#BFCAC2
#BFCAC2
#BFCAC2
#C0CAC1
#C0CAC1
#BEC8C5
#BFC8C4
#BFC8C4
#C0C8C3
#C1C8C2
#C1C8C2
#C2C8C1
#BEC7C6
#BFC7C5
#C0C7C4
#C1C7C3
#C2C7C2
#C3C7C1
#C4C7C0
#BEC5C8
#BFC5C7
#C1C5C5
#C2C5C4
#C3C5C2
#C4C5C1
#C6C5BF
#BEC4C9
#C0C4C7
#C1C4C6
#C3C4C4
#C4C4C3
#C6C4C1
#C8C4BF
#BEC2CB
#C0C2C9
#C2C2C7
#C4C2C5
#C6C2C3
#C8C2C1
#CBC2BE
Colorpallet from #BECBC2 to #BEC2CB and to #C2BECB
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECAC3
#BECAC3
#BECAC3
#BECAC3
#BFC9C3
#BFC9C3
#BFC9C3
#BEC8C5
#BEC8C5
#BEC8C5
#BEC8C5
#BFC7C5
#BFC7C5
#BFC7C5
#BEC7C6
#BEC7C6
#BFC6C6
#BFC6C6
#BFC6C6
#C0C5C6
#C0C5C6
#BEC5C8
#BEC5C8
#BFC4C8
#BFC4C8
#C0C4C8
#C0C3C8
#C1C3C8
#BEC4C9
#BEC4C9
#BFC3C9
#BFC3C9
#C0C2C9
#C0C2C9
#C1C1C9
#BEC2CB
#BFC1CB
#BFC1CB
#C0C0CB
#C1BFCB
#C1BFCB
#C2BECB
Colorpallet from #BECBC2 to #BEC2CB and to #C2CBBE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECAC3
#BECAC3
#BECAC2
#BECAC2
#BFCBC2
#BFCBC1
#BFCBC1
#BEC8C5
#BEC8C4
#BEC9C4
#BEC9C3
#BFCAC2
#BFCAC2
#BFCBC1
#BEC7C6
#BEC8C5
#BFC8C4
#BFC9C3
#BFCAC2
#C0CAC1
#C0CBC0
#BEC5C8
#BEC6C7
#BFC7C5
#BFC8C4
#C0C9C2
#C0CAC1
#C1CBBF
#BEC4C9
#BEC5C7
#BFC6C6
#BFC7C4
#C0C8C3
#C0CAC1
#C1CBBF
#BEC2CB
#BFC3C9
#BFC5C7
#C0C6C5
#C1C8C3
#C1C9C1
#C2CBBE
Colorpallet from #BECBC2 to #CBBEC2 and to #CBC2BE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#C0C9C2
#C0C9C2
#C0C9C2
#C0C9C2
#C0CAC1
#C0CAC1
#C0CAC1
#C2C7C2
#C2C7C2
#C2C7C2
#C2C7C2
#C2C8C1
#C2C8C1
#C2C8C1
#C4C5C2
#C4C5C2
#C4C6C1
#C4C6C1
#C4C6C1
#C4C7C0
#C4C7C0
#C6C3C2
#C6C3C2
#C6C4C1
#C6C4C1
#C6C4C0
#C6C5C0
#C6C5BF
#C8C1C2
#C8C1C2
#C8C2C1
#C8C2C1
#C8C3C0
#C8C3C0
#C8C4BF
#CBBEC2
#CBBFC1
#CBBFC1
#CBC0C0
#CBC1BF
#CBC1BF
#CBC2BE
Colorpallet from #BECBC2 to #CBBEC2 and to #C2BECB
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#C0C9C2
#C0C9C2
#C0C9C2
#C0C9C2
#BFC9C3
#BFC9C3
#BFC9C3
#C2C7C2
#C2C7C2
#C1C7C3
#C1C7C3
#C0C7C4
#C0C7C4
#BFC7C5
#C4C5C2
#C3C5C3
#C3C5C3
#C2C5C4
#C1C5C5
#C1C5C5
#C0C5C6
#C6C3C2
#C5C3C3
#C4C3C4
#C4C3C5
#C3C3C6
#C2C3C7
#C1C3C8
#C8C1C2
#C7C1C3
#C6C1C4
#C5C1C5
#C4C1C6
#C2C1C8
#C1C1C9
#CBBEC2
#CABEC3
#C8BEC5
#C7BEC6
#C5BEC8
#C4BEC9
#C2BECB
Colorpallet from #BECBC2 to #CBBEC2 and to #C2CBBE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#C0C9C2
#C0C9C2
#C0CAC2
#C0CAC2
#BFCAC1
#BFCBC1
#BFCBC1
#C2C7C2
#C2C8C2
#C1C8C2
#C1C9C2
#C0CAC1
#C0CAC1
#BFCBC1
#C4C5C2
#C3C6C2
#C3C7C1
#C2C8C1
#C1C9C1
#C1CAC0
#C0CBC0
#C6C3C2
#C5C4C2
#C4C6C1
#C4C7C1
#C3C8C0
#C2C9C0
#C1CBBF
#C8C1C2
#C7C3C2
#C6C4C1
#C5C6C1
#C4C7C0
#C2C9C0
#C1CBBF
#CBBEC2
#CAC0C1
#C8C2C1
#C7C4C0
#C5C6BF
#C4C8BF
#C2CBBE
Colorpallet from #BECBC2 to #CBC2BE and to #C2BECB
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#C0CAC1
#C0CAC1
#C0CAC2
#C0CAC2
#BFC9C2
#BFC9C3
#BFC9C3
#C2C8C1
#C2C8C2
#C1C8C2
#C1C8C3
#C0C7C4
#C0C7C4
#BFC7C5
#C4C7C0
#C3C7C1
#C3C6C2
#C2C6C3
#C1C6C4
#C1C5C5
#C0C5C6
#C6C5BF
#C5C5C0
#C4C4C2
#C4C4C3
#C3C4C5
#C2C3C6
#C1C3C8
#C8C4BF
#C7C4C1
#C6C3C2
#C5C3C4
#C4C2C5
#C2C2C7
#C1C1C9
#CBC2BE
#CAC1C0
#C8C1C2
#C7C0C4
#C5BFC6
#C4BFC8
#C2BECB
Colorpallet from #BECBC2 to #CBC2BE and to #C2CBBE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#C0CAC1
#C0CAC1
#C0CAC1
#C0CAC1
#BFCBC1
#BFCBC1
#BFCBC1
#C2C8C1
#C2C8C1
#C1C9C1
#C1C9C1
#C0CAC1
#C0CAC1
#BFCBC1
#C4C7C0
#C3C8C0
#C3C8C0
#C2C9C0
#C1CAC0
#C1CAC0
#C0CBC0
#C6C5BF
#C5C6BF
#C4C7BF
#C4C8BF
#C3C9BF
#C2CABF
#C1CBBF
#C8C4BF
#C7C5BF
#C6C6BF
#C5C7BF
#C4C8BF
#C2CABF
#C1CBBF
#CBC2BE
#CAC3BE
#C8C5BE
#C7C6BE
#C5C8BE
#C4C9BE
#C2CBBE
Colorpallet from #BECBC2 to #C2BECB and to #C2CBBE
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BECBC2
#BFC9C3
#BFC9C3
#BFCAC2
#BFCAC2
#BFCAC2
#BFCBC1
#BFCBC1
#BFC7C5
#BFC8C4
#BFC8C4
#BFC9C3
#BFCAC2
#BFCAC2
#BFCBC1
#C0C5C6
#C0C6C5
#C0C7C4
#C0C8C3
#C0C9C2
#C0CAC1
#C0CBC0
#C1C3C8
#C1C4C7
#C1C6C5
#C1C7C4
#C1C8C2
#C1C9C1
#C1CBBF
#C1C1C9
#C1C3C7
#C1C4C6
#C1C6C4
#C1C7C3
#C1C9C1
#C1CBBF
#C2BECB
#C2C0C9
#C2C2C7
#C2C4C5
#C2C6C3
#C2C8C1
#C2CBBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts