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 #C2BED2 to #C2D2BE and to #BEC2D2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2C1CF
#C2C1CF
#C2C0D0
#C2C0D0
#C1C0D1
#C1BFD1
#C1BFD2
#C2C4CC
#C2C3CD
#C2C2CE
#C2C2CF
#C1C1D0
#C1C0D1
#C1BFD2
#C2C8C8
#C2C7CA
#C1C5CB
#C1C4CD
#C1C3CE
#C0C2D0
#C0C0D2
#C2CBC5
#C2C9C7
#C1C8C9
#C1C6CB
#C0C5CD
#C0C3CF
#BFC1D2
#C2CEC2
#C2CCC5
#C1CAC7
#C1C8CA
#C0C6CC
#C0C4CF
#BFC1D2
#C2D2BE
#C1CFC1
#C1CDC4
#C0CAC8
#BFC8CB
#BFC5CE
#BEC2D2
Colorpallet from #C2BED2 to #C2D2BE and to #BED2C2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2C1CF
#C2C1CF
#C2C1CF
#C2C1CF
#C1C1CF
#C1C1CF
#C1C1CF
#C2C4CC
#C2C4CC
#C2C4CC
#C2C4CC
#C1C4CD
#C1C4CD
#C1C4CD
#C2C8C8
#C2C8C8
#C1C8C9
#C1C8C9
#C1C8C9
#C0C8CA
#C0C8CA
#C2CBC5
#C2CBC5
#C1CBC6
#C1CBC6
#C0CBC7
#C0CBC7
#BFCBC8
#C2CEC2
#C2CEC2
#C1CEC3
#C1CEC3
#C0CEC4
#C0CEC4
#BFCEC5
#C2D2BE
#C1D2BF
#C1D2BF
#C0D2C0
#BFD2C1
#BFD2C1
#BED2C2
Colorpallet from #C2BED2 to #C2D2BE and to #D2C2BE
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2C1CF
#C2C1CF
#C3C0CF
#C3C0CF
#C4C0CF
#C4BFCF
#C5BFCF
#C2C4CC
#C3C3CC
#C4C2CC
#C4C2CC
#C5C1CC
#C6C0CC
#C7BFCC
#C2C8C8
#C3C7C8
#C5C5C8
#C6C4C8
#C7C3C8
#C8C2C8
#CAC0C8
#C2CBC5
#C4C9C5
#C5C8C5
#C7C6C5
#C8C5C5
#CAC3C5
#CCC1C5
#C2CEC2
#C4CCC2
#C6CAC2
#C8C8C2
#CAC6C2
#CCC4C2
#CFC1C2
#C2D2BE
#C5CFBE
#C7CDBE
#CACABE
#CCC8BE
#CFC5BE
#D2C2BE
Colorpallet from #C2BED2 to #C2D2BE and to #D2BEC2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2C1CF
#C2C1CF
#C3C0CF
#C3C0CF
#C4BFCF
#C4BFCF
#C5BECF
#C2C4CC
#C3C3CC
#C4C2CC
#C4C1CC
#C5C0CD
#C6BFCD
#C7BECD
#C2C8C8
#C3C6C8
#C5C5C9
#C6C3C9
#C7C2C9
#C8C0CA
#CABECA
#C2CBC5
#C4C9C5
#C5C7C6
#C7C5C6
#C8C3C7
#CAC1C7
#CCBEC8
#C2CEC2
#C4CBC2
#C6C9C3
#C8C6C3
#CAC4C4
#CCC1C4
#CFBEC5
#C2D2BE
#C5CFBF
#C7CCBF
#CAC8C0
#CCC5C1
#CFC2C1
#D2BEC2
Colorpallet from #C2BED2 to #BEC2D2 and to #BED2C2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C1BFD2
#C1BFD2
#C1C0D1
#C1C0D1
#C1C0D0
#C1C1D0
#C1C1CF
#C1BFD2
#C1C0D1
#C1C1D0
#C1C1D0
#C1C2CF
#C1C3CE
#C1C4CD
#C0C0D2
#C0C1D1
#C0C3CF
#C0C4CE
#C0C5CD
#C0C6CC
#C0C8CA
#BFC1D2
#BFC3D0
#BFC4CF
#BFC6CD
#BFC7CC
#BFC9CA
#BFCBC8
#BFC1D2
#BFC3D0
#BFC5CE
#BFC7CC
#BFC9CA
#BFCBC8
#BFCEC5
#BEC2D2
#BEC5CF
#BEC7CD
#BECACA
#BECCC8
#BECFC5
#BED2C2
Colorpallet from #C2BED2 to #BEC2D2 and to #D2C2BE
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C1BFD2
#C2BFD2
#C2BFD1
#C3BFD1
#C4BFD0
#C4BFD0
#C5BFCF
#C1BFD2
#C2BFD1
#C3BFD0
#C4BFCF
#C5BFCE
#C6BFCD
#C7BFCC
#C0C0D2
#C2C0D0
#C3C0CF
#C5C0CD
#C6C0CC
#C8C0CA
#CAC0C8
#BFC1D2
#C1C1D0
#C3C1CE
#C5C1CC
#C7C1CA
#C9C1C8
#CCC1C5
#BFC1D2
#C2C1CF
#C4C1CD
#C7C1CA
#C9C1C8
#CCC1C5
#CFC1C2
#BEC2D2
#C1C2CF
#C4C2CC
#C8C2C8
#CBC2C5
#CEC2C2
#D2C2BE
Colorpallet from #C2BED2 to #BEC2D2 and to #D2BEC2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C1BFD2
#C2BFD2
#C2BFD1
#C3BFD1
#C4BED0
#C4BED0
#C5BECF
#C1BFD2
#C2BFD1
#C3BFD0
#C4BFD0
#C5BECF
#C6BECE
#C7BECD
#C0C0D2
#C2C0D1
#C3BFCF
#C5BFCE
#C6BFCD
#C8BECC
#CABECA
#BFC1D2
#C1C1D0
#C3C0CF
#C5C0CD
#C7BFCC
#C9BFCA
#CCBEC8
#BFC1D2
#C2C1D0
#C4C0CE
#C7C0CC
#C9BFCA
#CCBFC8
#CFBEC5
#BEC2D2
#C1C1CF
#C4C1CD
#C8C0CA
#CBBFC8
#CEBFC5
#D2BEC2
Colorpallet from #C2BED2 to #BED2C2 and to #D2C2BE
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C1C1CF
#C2C1CF
#C2C0CF
#C3C0CF
#C4C0CF
#C4BFCF
#C5BFCF
#C1C4CD
#C2C3CD
#C3C2CD
#C4C2CD
#C5C1CC
#C6C0CC
#C7BFCC
#C0C8CA
#C2C7CA
#C3C5C9
#C5C4C9
#C6C3C9
#C8C2C8
#CAC0C8
#BFCBC8
#C1C9C8
#C3C8C7
#C5C6C7
#C7C5C6
#C9C3C6
#CCC1C5
#BFCEC5
#C2CCC5
#C4CAC4
#C7C8C4
#C9C6C3
#CCC4C3
#CFC1C2
#BED2C2
#C1CFC1
#C4CDC1
#C8CAC0
#CBC8BF
#CEC5BF
#D2C2BE
Colorpallet from #C2BED2 to #BED2C2 and to #D2BEC2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C1C1CF
#C2C1CF
#C2C0CF
#C3C0CF
#C4BFCF
#C4BFCF
#C5BECF
#C1C4CD
#C2C3CD
#C3C2CD
#C4C1CD
#C5C0CD
#C6BFCD
#C7BECD
#C0C8CA
#C2C6CA
#C3C5CA
#C5C3CA
#C6C2CA
#C8C0CA
#CABECA
#BFCBC8
#C1C9C8
#C3C7C8
#C5C5C8
#C7C3C8
#C9C1C8
#CCBEC8
#BFCEC5
#C2CBC5
#C4C9C5
#C7C6C5
#C9C4C5
#CCC1C5
#CFBEC5
#BED2C2
#C1CFC2
#C4CCC2
#C8C8C2
#CBC5C2
#CEC2C2
#D2BEC2
Colorpallet from #C2BED2 to #D2C2BE and to #D2BEC2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C2BED2
#C5BFCF
#C5BFCF
#C5BFCF
#C5BFCF
#C5BECF
#C5BECF
#C5BECF
#C7BFCC
#C7BFCC
#C7BFCC
#C7BFCC
#C7BECD
#C7BECD
#C7BECD
#CAC0C8
#CAC0C8
#CABFC9
#CABFC9
#CABFC9
#CABECA
#CABECA
#CCC1C5
#CCC1C5
#CCC0C6
#CCC0C6
#CCBFC7
#CCBFC7
#CCBEC8
#CFC1C2
#CFC1C2
#CFC0C3
#CFC0C3
#CFBFC4
#CFBFC4
#CFBEC5
#D2C2BE
#D2C1BF
#D2C1BF
#D2C0C0
#D2BFC1
#D2BFC1
#D2BEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts