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 #C2BDD2 to #C2D2BD and to #BDC2D2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2C0CF
#C2C0CF
#C2BFD0
#C2BFD0
#C1BFD1
#C1BED1
#C1BED2
#C2C4CB
#C2C3CC
#C1C2CD
#C1C2CE
#C1C1CF
#C0C0D1
#C0BFD2
#C2C7C8
#C2C6CA
#C1C4CB
#C1C3CD
#C1C2CE
#C0C1D0
#C0BFD2
#C2CAC5
#C2C8C7
#C1C7C9
#C1C5CB
#C0C4CD
#C0C2CF
#BFC0D2
#C2CEC1
#C1CCC4
#C1CAC6
#C0C8C9
#BFC6CC
#BFC4CF
#BEC1D2
#C2D2BD
#C1CFC0
#C0CDC4
#C0CAC7
#BFC8CA
#BEC5CE
#BDC2D2
Colorpallet from #C2BDD2 to #C2D2BD and to #BDD2C2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2C0CF
#C2C0CF
#C2C0CF
#C2C0CF
#C1C0CF
#C1C0CF
#C1C0CF
#C2C4CB
#C2C4CB
#C1C4CC
#C1C4CC
#C1C4CC
#C0C4CD
#C0C4CD
#C2C7C8
#C2C7C8
#C1C7C9
#C1C7C9
#C1C7C9
#C0C7CA
#C0C7CA
#C2CAC5
#C2CAC5
#C1CAC6
#C1CAC6
#C0CAC7
#C0CAC7
#BFCAC8
#C2CEC1
#C1CEC2
#C1CEC2
#C0CEC3
#BFCEC4
#BFCEC4
#BECEC5
#C2D2BD
#C1D2BE
#C0D2BF
#C0D2BF
#BFD2C0
#BED2C1
#BDD2C2
Colorpallet from #C2BDD2 to #C2D2BD and to #D2C2BD
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2C0CF
#C2C0CF
#C3BFCF
#C3BFCF
#C4BFCF
#C4BECF
#C5BECF
#C2C4CB
#C3C3CB
#C4C2CB
#C4C2CB
#C5C1CB
#C6C0CB
#C7BFCB
#C2C7C8
#C3C6C8
#C5C4C8
#C6C3C8
#C7C2C8
#C8C1C8
#CABFC8
#C2CAC5
#C4C8C5
#C5C7C5
#C7C5C5
#C8C4C5
#CAC2C5
#CCC0C5
#C2CEC1
#C4CCC1
#C6CAC1
#C8C8C1
#CAC6C1
#CCC4C1
#CFC1C1
#C2D2BD
#C5CFBD
#C7CDBD
#CACABD
#CCC8BD
#CFC5BD
#D2C2BD
Colorpallet from #C2BDD2 to #C2D2BD and to #D2BDC2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2C0CF
#C2C0CF
#C3BFCF
#C3BFCF
#C4BECF
#C4BECF
#C5BDCF
#C2C4CB
#C3C3CB
#C4C2CC
#C4C1CC
#C5C0CC
#C6BECD
#C7BDCD
#C2C7C8
#C3C5C8
#C5C4C9
#C6C2C9
#C7C1C9
#C8BFCA
#CABDCA
#C2CAC5
#C4C8C5
#C5C6C6
#C7C4C6
#C8C2C7
#CAC0C7
#CCBDC8
#C2CEC1
#C4CBC2
#C6C9C2
#C8C6C3
#CAC3C4
#CCC0C4
#CFBDC5
#C2D2BD
#C5CFBE
#C7CBBF
#CAC8BF
#CCC5C0
#CFC1C1
#D2BDC2
Colorpallet from #C2BDD2 to #BDC2D2 and to #BDD2C2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C1BED2
#C1BED2
#C1BFD1
#C1BFD1
#C1BFD0
#C1C0D0
#C1C0CF
#C0BFD2
#C0C0D1
#C0C1D0
#C0C1D0
#C0C2CF
#C0C3CE
#C0C4CD
#C0BFD2
#C0C0D1
#C0C2CF
#C0C3CE
#C0C4CD
#C0C5CC
#C0C7CA
#BFC0D2
#BFC2D0
#BFC3CF
#BFC5CD
#BFC6CC
#BFC8CA
#BFCAC8
#BEC1D2
#BEC3D0
#BEC5CE
#BEC7CC
#BEC9CA
#BECBC8
#BECEC5
#BDC2D2
#BDC5CF
#BDC7CD
#BDCACA
#BDCCC8
#BDCFC5
#BDD2C2
Colorpallet from #C2BDD2 to #BDC2D2 and to #D2C2BD
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C1BED2
#C2BED2
#C2BED1
#C3BED1
#C4BED0
#C4BED0
#C5BECF
#C0BFD2
#C1BFD1
#C2BFD0
#C3BFCF
#C4BFCE
#C6BFCC
#C7BFCB
#C0BFD2
#C2BFD0
#C3BFCF
#C5BFCD
#C6BFCC
#C8BFCA
#CABFC8
#BFC0D2
#C1C0D0
#C3C0CE
#C5C0CC
#C7C0CA
#C9C0C8
#CCC0C5
#BEC1D2
#C1C1CF
#C3C1CD
#C6C1CA
#C9C1C7
#CCC1C4
#CFC1C1
#BDC2D2
#C0C2CF
#C4C2CB
#C7C2C8
#CAC2C5
#CEC2C1
#D2C2BD
Colorpallet from #C2BDD2 to #BDC2D2 and to #D2BDC2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C1BED2
#C2BED2
#C2BED1
#C3BED1
#C4BDD0
#C4BDD0
#C5BDCF
#C0BFD2
#C1BFD1
#C2BED0
#C3BED0
#C4BECF
#C6BDCE
#C7BDCD
#C0BFD2
#C2BFD1
#C3BECF
#C5BECE
#C6BECD
#C8BDCC
#CABDCA
#BFC0D2
#C1C0D0
#C3BFCF
#C5BFCD
#C7BECC
#C9BECA
#CCBDC8
#BEC1D2
#C1C0D0
#C3C0CE
#C6BFCC
#C9BECA
#CCBEC8
#CFBDC5
#BDC2D2
#C0C1CF
#C4C0CD
#C7C0CA
#CABFC8
#CEBEC5
#D2BDC2
Colorpallet from #C2BDD2 to #BDD2C2 and to #D2C2BD
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C1C0CF
#C2C0CF
#C2BFCF
#C3BFCF
#C4BFCF
#C4BECF
#C5BECF
#C0C4CD
#C1C3CD
#C2C2CC
#C3C2CC
#C4C1CC
#C6C0CB
#C7BFCB
#C0C7CA
#C2C6CA
#C3C4C9
#C5C3C9
#C6C2C9
#C8C1C8
#CABFC8
#BFCAC8
#C1C8C8
#C3C7C7
#C5C5C7
#C7C4C6
#C9C2C6
#CCC0C5
#BECEC5
#C1CCC4
#C3CAC4
#C6C8C3
#C9C6C2
#CCC4C2
#CFC1C1
#BDD2C2
#C0CFC1
#C4CDC0
#C7CAC0
#CAC8BF
#CEC5BE
#D2C2BD
Colorpallet from #C2BDD2 to #BDD2C2 and to #D2BDC2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C1C0CF
#C2C0CF
#C2BFCF
#C3BFCF
#C4BECF
#C4BECF
#C5BDCF
#C0C4CD
#C1C3CD
#C2C2CD
#C3C1CD
#C4C0CD
#C6BECD
#C7BDCD
#C0C7CA
#C2C5CA
#C3C4CA
#C5C2CA
#C6C1CA
#C8BFCA
#CABDCA
#BFCAC8
#C1C8C8
#C3C6C8
#C5C4C8
#C7C2C8
#C9C0C8
#CCBDC8
#BECEC5
#C1CBC5
#C3C9C5
#C6C6C5
#C9C3C5
#CCC0C5
#CFBDC5
#BDD2C2
#C0CFC2
#C4CBC2
#C7C8C2
#CAC5C2
#CEC1C2
#D2BDC2
Colorpallet from #C2BDD2 to #D2C2BD and to #D2BDC2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C2BDD2
#C5BECF
#C5BECF
#C5BECF
#C5BECF
#C5BDCF
#C5BDCF
#C5BDCF
#C7BFCB
#C7BFCB
#C7BECC
#C7BECC
#C7BECC
#C7BDCD
#C7BDCD
#CABFC8
#CABFC8
#CABEC9
#CABEC9
#CABEC9
#CABDCA
#CABDCA
#CCC0C5
#CCC0C5
#CCBFC6
#CCBFC6
#CCBEC7
#CCBEC7
#CCBDC8
#CFC1C1
#CFC0C2
#CFC0C2
#CFBFC3
#CFBEC4
#CFBEC4
#CFBDC5
#D2C2BD
#D2C1BE
#D2C0BF
#D2C0BF
#D2BFC0
#D2BEC1
#D2BDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts