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 #C2BDDA to #C2DABD and to #BDC2DA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2C2D5
#C2C1D6
#C2C1D7
#C2C0D7
#C1BFD8
#C1BFD9
#C1BEDA
#C2C6D1
#C2C5D2
#C1C4D4
#C1C3D5
#C1C2D7
#C0C0D8
#C0BFDA
#C2CBCC
#C2C9CE
#C1C7D0
#C1C5D3
#C1C3D5
#C0C1D7
#C0BFDA
#C2D0C7
#C2CDCA
#C1CBCD
#C1C8D0
#C0C6D3
#C0C3D6
#BFC0DA
#C2D4C3
#C1D1C7
#C1CECA
#C0CBCE
#BFC8D2
#BFC5D5
#BEC1DA
#C2DABD
#C1D6C2
#C0D2C6
#C0CECB
#BFCBD0
#BEC7D4
#BDC2DA
Colorpallet from #C2BDDA to #C2DABD and to #BDDAC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2C2D5
#C2C2D5
#C2C2D5
#C2C2D5
#C1C2D6
#C1C2D6
#C1C2D6
#C2C6D1
#C2C6D1
#C1C6D1
#C1C6D1
#C1C6D2
#C0C6D2
#C0C6D2
#C2CBCC
#C2CBCC
#C1CBCD
#C1CBCD
#C1CBCD
#C0CBCE
#C0CBCE
#C2D0C7
#C2D0C8
#C1D0C8
#C1D0C9
#C0D0CA
#C0D0CA
#BFD0CB
#C2D4C3
#C1D4C4
#C1D4C4
#C0D4C5
#BFD4C6
#BFD4C6
#BED4C7
#C2DABD
#C1DABE
#C0DABF
#C0DABF
#BFDAC0
#BEDAC1
#BDDAC2
Colorpallet from #C2BDDA to #C2DABD and to #DAC2BD
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2C2D5
#C3C1D5
#C3C1D5
#C4C0D5
#C5BFD5
#C5BFD5
#C6BED5
#C2C6D1
#C3C5D1
#C5C4D1
#C6C3D1
#C7C2D1
#C8C0D1
#CABFD1
#C2CBCC
#C4C9CC
#C6C7CC
#C8C5CC
#CAC3CC
#CCC1CC
#CEBFCC
#C2D0C7
#C4CDC7
#C7CBC7
#C9C8C7
#CCC6C7
#CEC3C7
#D1C0C7
#C2D4C3
#C5D1C3
#C8CEC3
#CBCBC3
#CEC8C3
#D1C5C3
#D5C1C3
#C2DABD
#C6D6BD
#CAD2BD
#CECEBD
#D1CBBD
#D5C7BD
#DAC2BD
Colorpallet from #C2BDDA to #C2DABD and to #DABDC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2C2D5
#C3C1D5
#C3C0D5
#C4C0D5
#C5BFD6
#C5BED6
#C6BDD6
#C2C6D1
#C3C5D1
#C5C3D1
#C6C2D1
#C7C0D2
#C8BFD2
#CABDD2
#C2CBCC
#C4C9CC
#C6C7CD
#C8C4CD
#CAC2CD
#CCC0CE
#CEBDCE
#C2D0C7
#C4CDC8
#C7CAC8
#C9C7C9
#CCC4CA
#CEC1CA
#D1BDCB
#C2D4C3
#C5D0C4
#C8CDC4
#CBC9C5
#CEC5C6
#D1C2C6
#D5BDC7
#C2DABD
#C6D5BE
#CAD1BF
#CECCBF
#D1C7C0
#D5C3C1
#DABDC2
Colorpallet from #C2BDDA to #BDC2DA and to #BDDAC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C1BEDA
#C1BFD9
#C1BFD9
#C1C0D8
#C1C1D7
#C1C1D7
#C1C2D6
#C0BFDA
#C0C0D9
#C0C1D7
#C0C2D6
#C0C3D5
#C0C5D4
#C0C6D2
#C0BFDA
#C0C1D8
#C0C3D6
#C0C5D4
#C0C7D2
#C0C9D0
#C0CBCE
#BFC0DA
#BFC3D8
#BFC5D5
#BFC8D3
#BFCAD0
#BFCDCE
#BFD0CB
#BEC1DA
#BEC4D7
#BEC7D4
#BECAD1
#BECDCE
#BED0CB
#BED4C7
#BDC2DA
#BDC6D6
#BDCAD2
#BDCECE
#BDD1CB
#BDD5C7
#BDDAC2
Colorpallet from #C2BDDA to #BDC2DA and to #DAC2BD
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C1BEDA
#C2BED9
#C3BED8
#C3BED8
#C4BED7
#C5BED6
#C6BED5
#C0BFDA
#C2BFD9
#C3BFD7
#C5BFD6
#C6BFD4
#C8BFD3
#CABFD1
#C0BFDA
#C2BFD8
#C4BFD6
#C7BFD3
#C9BFD1
#CBBFCF
#CEBFCC
#BFC0DA
#C2C0D7
#C5C0D4
#C8C0D1
#CBC0CE
#CDC0CB
#D1C0C7
#BEC1DA
#C2C1D6
#C5C1D3
#C9C1CF
#CDC1CB
#D0C1C8
#D5C1C3
#BDC2DA
#C2C2D5
#C6C2D1
#CBC2CC
#D0C2C7
#D4C2C3
#DAC2BD
Colorpallet from #C2BDDA to #BDC2DA and to #DABDC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C1BEDA
#C2BED9
#C3BED9
#C3BED8
#C4BDD7
#C5BDD7
#C6BDD6
#C0BFDA
#C2BFD9
#C3BED7
#C5BED6
#C6BED5
#C8BDD4
#CABDD2
#C0BFDA
#C2BFD8
#C4BED6
#C7BED4
#C9BED2
#CBBDD0
#CEBDCE
#BFC0DA
#C2C0D8
#C5BFD5
#C8BFD3
#CBBED0
#CDBECE
#D1BDCB
#BEC1DA
#C2C0D7
#C5C0D4
#C9BFD1
#CDBECE
#D0BECB
#D5BDC7
#BDC2DA
#C2C1D6
#C6C0D2
#CBC0CE
#D0BFCB
#D4BEC7
#DABDC2
Colorpallet from #C2BDDA to #BDDAC2 and to #DAC2BD
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C1C2D6
#C2C1D6
#C3C1D6
#C3C0D6
#C4BFD5
#C5BFD5
#C6BED5
#C0C6D2
#C2C5D2
#C3C4D2
#C5C3D2
#C6C2D1
#C8C0D1
#CABFD1
#C0CBCE
#C2C9CE
#C4C7CD
#C7C5CD
#C9C3CD
#CBC1CC
#CEBFCC
#BFD0CB
#C2CDCA
#C5CBCA
#C8C8C9
#CBC6C8
#CDC3C8
#D1C0C7
#BED4C7
#C2D1C6
#C5CEC6
#C9CBC5
#CDC8C4
#D0C5C4
#D5C1C3
#BDDAC2
#C2D6C1
#C6D2C0
#CBCEC0
#D0CBBF
#D4C7BE
#DAC2BD
Colorpallet from #C2BDDA to #BDDAC2 and to #DABDC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C1C2D6
#C2C1D6
#C3C0D6
#C3C0D6
#C4BFD6
#C5BED6
#C6BDD6
#C0C6D2
#C2C5D2
#C3C3D2
#C5C2D2
#C6C0D2
#C8BFD2
#CABDD2
#C0CBCE
#C2C9CE
#C4C7CE
#C7C4CE
#C9C2CE
#CBC0CE
#CEBDCE
#BFD0CB
#C2CDCB
#C5CACB
#C8C7CB
#CBC4CB
#CDC1CB
#D1BDCB
#BED4C7
#C2D0C7
#C5CDC7
#C9C9C7
#CDC5C7
#D0C2C7
#D5BDC7
#BDDAC2
#C2D5C2
#C6D1C2
#CBCCC2
#D0C7C2
#D4C3C2
#DABDC2
Colorpallet from #C2BDDA to #DAC2BD and to #DABDC2
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C2BDDA
#C6BED5
#C6BED5
#C6BED5
#C6BED5
#C6BDD6
#C6BDD6
#C6BDD6
#CABFD1
#CABFD1
#CABED1
#CABED1
#CABED2
#CABDD2
#CABDD2
#CEBFCC
#CEBFCC
#CEBECD
#CEBECD
#CEBECD
#CEBDCE
#CEBDCE
#D1C0C7
#D1C0C8
#D1BFC8
#D1BFC9
#D1BECA
#D1BECA
#D1BDCB
#D5C1C3
#D5C0C4
#D5C0C4
#D5BFC5
#D5BEC6
#D5BEC6
#D5BDC7
#DAC2BD
#DAC1BE
#DAC0BF
#DAC0BF
#DABFC0
#DABEC1
#DABDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts