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 #C5BDD4 to #C5D4BD and to #BDC5D4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5C1D0
#C5C1D1
#C5C0D1
#C5C0D2
#C4BFD3
#C4BFD3
#C4BED4
#C5C4CD
#C5C3CE
#C4C3CF
#C4C2D0
#C3C1D1
#C3C1D3
#C2C0D4
#C5C8C9
#C4C7CB
#C4C6CD
#C3C5CE
#C2C4D0
#C2C2D2
#C1C1D4
#C5CCC5
#C4CAC7
#C3C9CA
#C3C7CC
#C2C6CF
#C1C4D1
#C0C2D4
#C5CFC2
#C4CDC5
#C3CBC8
#C2C9CB
#C1C7CE
#C0C5D0
#BFC3D4
#C5D4BD
#C4D2C1
#C2CFC4
#C1CDC8
#C0CACC
#BFC8CF
#BDC5D4
Colorpallet from #C5BDD4 to #C5D4BD and to #BDD4C5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5C1D0
#C5C1D0
#C5C1D1
#C5C1D1
#C4C1D1
#C4C1D2
#C4C1D2
#C5C4CD
#C5C4CD
#C4C4CE
#C4C4CE
#C3C4CE
#C3C4CF
#C2C4CF
#C5C8C9
#C4C8CA
#C4C8CA
#C3C8CB
#C2C8CC
#C2C8CC
#C1C8CD
#C5CCC5
#C4CCC6
#C3CCC7
#C3CCC7
#C2CCC8
#C1CCC9
#C0CCCA
#C5CFC2
#C4CFC3
#C3CFC4
#C2CFC5
#C1CFC6
#C0CFC7
#BFCFC8
#C5D4BD
#C4D4BE
#C2D4C0
#C1D4C1
#C0D4C2
#BFD4C3
#BDD4C5
Colorpallet from #C5BDD4 to #C5D4BD and to #D4C5BD
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5C1D0
#C5C1D0
#C6C0D0
#C6C0D0
#C6BFD0
#C7BFD0
#C7BED0
#C5C4CD
#C6C3CD
#C7C3CD
#C7C2CD
#C8C1CD
#C9C1CD
#CAC0CD
#C5C8C9
#C6C7C9
#C7C6C9
#C8C5C9
#C9C4C9
#CBC2C9
#CCC1C9
#C5CCC5
#C7CAC5
#C8C9C5
#CAC7C5
#CBC6C5
#CDC4C5
#CFC2C5
#C5CFC2
#C7CDC2
#C9CBC2
#CBC9C2
#CDC7C2
#CFC5C2
#D1C3C2
#C5D4BD
#C7D2BD
#CACFBD
#CCCDBD
#CFCABD
#D1C8BD
#D4C5BD
Colorpallet from #C5BDD4 to #C5D4BD and to #D4BDC5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5C1D0
#C5C0D0
#C6C0D1
#C6BFD1
#C6BED1
#C7BED2
#C7BDD2
#C5C4CD
#C6C3CD
#C7C2CE
#C7C1CE
#C8C0CE
#C9BECF
#CABDCF
#C5C8C9
#C6C6CA
#C7C4CA
#C8C3CB
#C9C1CC
#CBBFCC
#CCBDCD
#C5CCC5
#C7CAC6
#C8C7C7
#CAC5C7
#CBC2C8
#CDC0C9
#CFBDCA
#C5CFC2
#C7CCC3
#C9C9C4
#CBC6C5
#CDC3C6
#CFC1C7
#D1BDC8
#C5D4BD
#C7D0BE
#CACDC0
#CCC9C1
#CFC5C2
#D1C2C3
#D4BDC5
Colorpallet from #C5BDD4 to #BDC5D4 and to #BDD4C5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C4BED4
#C4BED4
#C4BFD3
#C4BFD3
#C4C0D3
#C4C0D2
#C4C1D2
#C2C0D4
#C2C1D3
#C2C1D2
#C2C2D2
#C2C3D1
#C2C3D0
#C2C4CF
#C1C1D4
#C1C2D3
#C1C3D2
#C1C4D1
#C1C5D0
#C1C7CE
#C1C8CD
#C0C2D4
#C0C4D2
#C0C5D1
#C0C7CF
#C0C8CE
#C0CACC
#C0CCCA
#BFC3D4
#BFC5D2
#BFC7D0
#BFC9CE
#BFCBCC
#BFCDCA
#BFCFC8
#BDC5D4
#BDC7D2
#BDCACF
#BDCCCD
#BDCFCA
#BDD1C8
#BDD4C5
Colorpallet from #C5BDD4 to #BDC5D4 and to #D4C5BD
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C4BED4
#C4BED3
#C5BED3
#C5BED2
#C6BED1
#C6BED1
#C7BED0
#C2C0D4
#C3C0D3
#C5C0D2
#C6C0D1
#C7C0D0
#C8C0CE
#CAC0CD
#C1C1D4
#C3C1D2
#C5C1D0
#C6C1CF
#C8C1CD
#CAC1CB
#CCC1C9
#C0C2D4
#C2C2D2
#C5C2CF
#C7C2CD
#CAC2CA
#CCC2C8
#CFC2C5
#BFC3D4
#C2C3D1
#C5C3CE
#C8C3CB
#CBC3C8
#CDC3C6
#D1C3C2
#BDC5D4
#C1C5D0
#C4C5CD
#C8C5C9
#CCC5C5
#CFC5C2
#D4C5BD
Colorpallet from #C5BDD4 to #BDC5D4 and to #D4BDC5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C4BED4
#C4BED4
#C5BED3
#C5BED3
#C6BDD3
#C6BDD2
#C7BDD2
#C2C0D4
#C3C0D3
#C5BFD2
#C6BFD2
#C7BED1
#C8BED0
#CABDCF
#C1C1D4
#C3C0D3
#C5C0D2
#C6BFD1
#C8BED0
#CABECE
#CCBDCD
#C0C2D4
#C2C1D2
#C5C0D1
#C7C0CF
#CABFCE
#CCBECC
#CFBDCA
#BFC3D4
#C2C2D2
#C5C1D0
#C8C0CE
#CBBFCC
#CDBECA
#D1BDC8
#BDC5D4
#C1C4D2
#C4C2CF
#C8C1CD
#CCC0CA
#CFBFC8
#D4BDC5
Colorpallet from #C5BDD4 to #BDD4C5 and to #D4C5BD
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C4C1D2
#C4C1D2
#C5C0D1
#C5C0D1
#C6BFD1
#C6BFD0
#C7BED0
#C2C4CF
#C3C3CF
#C5C3CE
#C6C2CE
#C7C1CE
#C8C1CD
#CAC0CD
#C1C8CD
#C3C7CC
#C5C6CC
#C6C5CB
#C8C4CA
#CAC2CA
#CCC1C9
#C0CCCA
#C2CAC9
#C5C9C8
#C7C7C8
#CAC6C7
#CCC4C6
#CFC2C5
#BFCFC8
#C2CDC7
#C5CBC6
#C8C9C5
#CBC7C4
#CDC5C3
#D1C3C2
#BDD4C5
#C1D2C4
#C4CFC2
#C8CDC1
#CCCAC0
#CFC8BF
#D4C5BD
Colorpallet from #C5BDD4 to #BDD4C5 and to #D4BDC5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C4C1D2
#C4C0D2
#C5C0D2
#C5BFD2
#C6BED2
#C6BED2
#C7BDD2
#C2C4CF
#C3C3CF
#C5C2CF
#C6C1CF
#C7C0CF
#C8BECF
#CABDCF
#C1C8CD
#C3C6CD
#C5C4CD
#C6C3CD
#C8C1CD
#CABFCD
#CCBDCD
#C0CCCA
#C2CACA
#C5C7CA
#C7C5CA
#CAC2CA
#CCC0CA
#CFBDCA
#BFCFC8
#C2CCC8
#C5C9C8
#C8C6C8
#CBC3C8
#CDC1C8
#D1BDC8
#BDD4C5
#C1D0C5
#C4CDC5
#C8C9C5
#CCC5C5
#CFC2C5
#D4BDC5
Colorpallet from #C5BDD4 to #D4C5BD and to #D4BDC5
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C5BDD4
#C7BED0
#C7BED0
#C7BED1
#C7BED1
#C7BDD1
#C7BDD2
#C7BDD2
#CAC0CD
#CAC0CD
#CABFCE
#CABFCE
#CABECE
#CABECF
#CABDCF
#CCC1C9
#CCC0CA
#CCC0CA
#CCBFCB
#CCBECC
#CCBECC
#CCBDCD
#CFC2C5
#CFC1C6
#CFC0C7
#CFC0C7
#CFBFC8
#CFBEC9
#CFBDCA
#D1C3C2
#D1C2C3
#D1C1C4
#D1C0C5
#D1BFC6
#D1BEC7
#D1BDC8
#D4C5BD
#D4C4BE
#D4C2C0
#D4C1C1
#D4C0C2
#D4BFC3
#D4BDC5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts