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 #C3BDD2 to #C3D2BD and to #BDC3D2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3C0CF
#C3C0CF
#C3BFD0
#C3BFD0
#C2BFD1
#C2BED1
#C2BED2
#C3C4CB
#C3C3CC
#C2C2CD
#C2C2CE
#C2C1CF
#C1C0D1
#C1BFD2
#C3C7C8
#C3C6CA
#C2C5CB
#C2C4CD
#C1C3CE
#C1C1D0
#C0C0D2
#C3CAC5
#C2C9C7
#C2C7C9
#C1C6CB
#C0C4CD
#C0C3CF
#BFC1D2
#C3CEC1
#C2CCC4
#C1CAC6
#C1C8C9
#C0C6CC
#BFC4CF
#BEC2D2
#C3D2BD
#C2D0C0
#C1CDC4
#C0CBC7
#BFC8CA
#BEC6CE
#BDC3D2
Colorpallet from #C3BDD2 to #C3D2BD and to #BDD2C3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3C0CF
#C3C0CF
#C3C0CF
#C3C0CF
#C2C0D0
#C2C0D0
#C2C0D0
#C3C4CB
#C3C4CB
#C2C4CC
#C2C4CC
#C2C4CC
#C1C4CD
#C1C4CD
#C3C7C8
#C3C7C8
#C2C7C9
#C2C7C9
#C1C7CA
#C1C7CA
#C0C7CB
#C3CAC5
#C2CAC5
#C2CAC6
#C1CAC6
#C0CAC7
#C0CAC7
#BFCAC8
#C3CEC1
#C2CEC2
#C1CEC3
#C1CEC3
#C0CEC4
#BFCEC5
#BECEC6
#C3D2BD
#C2D2BE
#C1D2BF
#C0D2C0
#BFD2C1
#BED2C2
#BDD2C3
Colorpallet from #C3BDD2 to #C3D2BD and to #D2C3BD
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3C0CF
#C3C0CF
#C4BFCF
#C4BFCF
#C4BFCF
#C5BECF
#C5BECF
#C3C4CB
#C4C3CB
#C5C2CB
#C5C2CB
#C6C1CB
#C7C0CB
#C8BFCB
#C3C7C8
#C4C6C8
#C5C5C8
#C6C4C8
#C7C3C8
#C9C1C8
#CAC0C8
#C3CAC5
#C5C9C5
#C6C7C5
#C8C6C5
#C9C4C5
#CBC3C5
#CDC1C5
#C3CEC1
#C5CCC1
#C7CAC1
#C9C8C1
#CBC6C1
#CDC4C1
#CFC2C1
#C3D2BD
#C5D0BD
#C8CDBD
#CACBBD
#CDC8BD
#CFC6BD
#D2C3BD
Colorpallet from #C3BDD2 to #C3D2BD and to #D2BDC3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3C0CF
#C3C0CF
#C4BFCF
#C4BFCF
#C4BED0
#C5BED0
#C5BDD0
#C3C4CB
#C4C3CB
#C5C2CC
#C5C1CC
#C6C0CC
#C7BECD
#C8BDCD
#C3C7C8
#C4C5C8
#C5C4C9
#C6C2C9
#C7C1CA
#C9BFCA
#CABDCB
#C3CAC5
#C5C8C5
#C6C6C6
#C8C4C6
#C9C2C7
#CBC0C7
#CDBDC8
#C3CEC1
#C5CBC2
#C7C9C3
#C9C6C3
#CBC3C4
#CDC0C5
#CFBDC6
#C3D2BD
#C5CFBE
#C8CBBF
#CAC8C0
#CDC5C1
#CFC1C2
#D2BDC3
Colorpallet from #C3BDD2 to #BDC3D2 and to #BDD2C3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C2BED2
#C2BED2
#C2BFD1
#C2BFD1
#C2BFD1
#C2C0D0
#C2C0D0
#C1BFD2
#C1C0D1
#C1C1D0
#C1C1D0
#C1C2CF
#C1C3CE
#C1C4CD
#C0C0D2
#C0C1D1
#C0C2D0
#C0C3CF
#C0C4CE
#C0C6CC
#C0C7CB
#BFC1D2
#BFC2D0
#BFC4CF
#BFC5CD
#BFC7CC
#BFC8CA
#BFCAC8
#BEC2D2
#BEC4D0
#BEC6CE
#BEC8CC
#BECACA
#BECCC8
#BECEC6
#BDC3D2
#BDC5D0
#BDC8CD
#BDCACB
#BDCDC8
#BDCFC6
#BDD2C3
Colorpallet from #C3BDD2 to #BDC3D2 and to #D2C3BD
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C2BED2
#C2BED2
#C3BED1
#C3BED1
#C4BED0
#C4BED0
#C5BECF
#C1BFD2
#C2BFD1
#C3BFD0
#C4BFCF
#C5BFCE
#C7BFCC
#C8BFCB
#C0C0D2
#C2C0D0
#C3C0CF
#C5C0CD
#C6C0CC
#C8C0CA
#CAC0C8
#BFC1D2
#C1C1D0
#C3C1CE
#C6C1CC
#C8C1CA
#CAC1C8
#CDC1C5
#BEC2D2
#C1C2CF
#C3C2CD
#C6C2CA
#C9C2C7
#CCC2C4
#CFC2C1
#BDC3D2
#C0C3CF
#C4C3CB
#C7C3C8
#CAC3C5
#CEC3C1
#D2C3BD
Colorpallet from #C3BDD2 to #BDC3D2 and to #D2BDC3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C2BED2
#C2BED2
#C3BED1
#C3BED1
#C4BDD1
#C4BDD0
#C5BDD0
#C1BFD2
#C2BFD1
#C3BED0
#C4BED0
#C5BECF
#C7BDCE
#C8BDCD
#C0C0D2
#C2C0D1
#C3BFD0
#C5BFCF
#C6BECE
#C8BECC
#CABDCB
#BFC1D2
#C1C0D0
#C3C0CF
#C6BFCD
#C8BECC
#CABECA
#CDBDC8
#BEC2D2
#C1C1D0
#C3C0CE
#C6C0CC
#C9BFCA
#CCBEC8
#CFBDC6
#BDC3D2
#C0C2D0
#C4C1CD
#C7C0CB
#CABFC8
#CEBEC6
#D2BDC3
Colorpallet from #C3BDD2 to #BDD2C3 and to #D2C3BD
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C2C0D0
#C2C0D0
#C3BFD0
#C3BFD0
#C4BFCF
#C4BECF
#C5BECF
#C1C4CD
#C2C3CD
#C3C2CC
#C4C2CC
#C5C1CC
#C7C0CB
#C8BFCB
#C0C7CB
#C2C6CB
#C3C5CA
#C5C4CA
#C6C3C9
#C8C1C9
#CAC0C8
#BFCAC8
#C1C9C8
#C3C7C7
#C6C6C7
#C8C4C6
#CAC3C6
#CDC1C5
#BECEC6
#C1CCC5
#C3CAC4
#C6C8C4
#C9C6C3
#CCC4C2
#CFC2C1
#BDD2C3
#C0D0C2
#C4CDC1
#C7CBC0
#CAC8BF
#CEC6BE
#D2C3BD
Colorpallet from #C3BDD2 to #BDD2C3 and to #D2BDC3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C2C0D0
#C2C0D0
#C3BFD0
#C3BFD0
#C4BED0
#C4BED0
#C5BDD0
#C1C4CD
#C2C3CD
#C3C2CD
#C4C1CD
#C5C0CD
#C7BECD
#C8BDCD
#C0C7CB
#C2C5CB
#C3C4CB
#C5C2CB
#C6C1CB
#C8BFCB
#CABDCB
#BFCAC8
#C1C8C8
#C3C6C8
#C6C4C8
#C8C2C8
#CAC0C8
#CDBDC8
#BECEC6
#C1CBC6
#C3C9C6
#C6C6C6
#C9C3C6
#CCC0C6
#CFBDC6
#BDD2C3
#C0CFC3
#C4CBC3
#C7C8C3
#CAC5C3
#CEC1C3
#D2BDC3
Colorpallet from #C3BDD2 to #D2C3BD and to #D2BDC3
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C3BDD2
#C5BECF
#C5BECF
#C5BECF
#C5BECF
#C5BDD0
#C5BDD0
#C5BDD0
#C8BFCB
#C8BFCB
#C8BECC
#C8BECC
#C8BECC
#C8BDCD
#C8BDCD
#CAC0C8
#CAC0C8
#CABFC9
#CABFC9
#CABECA
#CABECA
#CABDCB
#CDC1C5
#CDC0C5
#CDC0C6
#CDBFC6
#CDBEC7
#CDBEC7
#CDBDC8
#CFC2C1
#CFC1C2
#CFC0C3
#CFC0C3
#CFBFC4
#CFBEC5
#CFBDC6
#D2C3BD
#D2C2BE
#D2C1BF
#D2C0C0
#D2BFC1
#D2BEC2
#D2BDC3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts