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 #BCCAD2 to #BCD2CA and to #CABCD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCBD1
#BCCBD1
#BDCAD1
#BDCAD1
#BDC9D2
#BEC9D2
#BEC8D2
#BCCDCF
#BDCCCF
#BDCBD0
#BECAD0
#BFC9D1
#BFC7D1
#C0C6D2
#BCCECE
#BDCCCF
#BECACF
#BFC9D0
#C0C7D1
#C2C5D1
#C3C3D2
#BCCFCD
#BDCDCE
#BFCBCF
#C0C8CF
#C2C6D0
#C3C4D1
#C5C1D2
#BCD0CC
#BECDCD
#C0CBCE
#C1C8CF
#C3C5D0
#C5C2D1
#C7BFD2
#BCD2CA
#BECECB
#C0CBCD
#C3C7CE
#C5C4CF
#C7C0D0
#CABCD2
Colorpallet from #BCCAD2 to #BCD2CA and to #CAD2BC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCBD1
#BCCBD1
#BDCBD0
#BDCBD0
#BDCBCF
#BECBCF
#BECBCE
#BCCDCF
#BDCDCE
#BDCDCE
#BECDCD
#BFCDCC
#BFCDCC
#C0CDCB
#BCCECE
#BDCECD
#BECECC
#BFCECB
#C0CECA
#C2CEC8
#C3CEC7
#BCCFCD
#BDCFCC
#BFCFCA
#C0CFC9
#C2CFC7
#C3CFC6
#C5CFC4
#BCD0CC
#BED0CA
#C0D0C8
#C1D0C6
#C3D0C4
#C5D0C2
#C7D0C0
#BCD2CA
#BED2C8
#C0D2C6
#C3D2C3
#C5D2C1
#C7D2BF
#CAD2BC
Colorpallet from #BCCAD2 to #BCD2CA and to #D2BCCA
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCBD1
#BDCBD1
#BDCAD1
#BECAD1
#BFC9D1
#BFC9D1
#C0C8D1
#BCCDCF
#BDCCCF
#BECBCF
#BFCACF
#C0C9CF
#C2C7CF
#C3C6CF
#BCCECE
#BECCCE
#C0CACE
#C1C9CE
#C3C7CE
#C5C5CE
#C7C3CE
#BCCFCD
#BECDCD
#C0CBCD
#C3C8CD
#C5C6CD
#C7C4CD
#CAC1CD
#BCD0CC
#BFCDCC
#C2CBCC
#C5C8CC
#C8C5CC
#CAC2CC
#CEBFCC
#BCD2CA
#C0CECA
#C3CBCA
#C7C7CA
#CAC4CA
#CEC0CA
#D2BCCA
Colorpallet from #BCCAD2 to #BCD2CA and to #D2CABC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCBD1
#BDCBD1
#BDCBD0
#BECBD0
#BFCACF
#BFCACF
#C0CACE
#BCCDCF
#BDCDCE
#BECCCE
#BFCCCD
#C0CBCC
#C2CBCC
#C3CACB
#BCCECE
#BECDCD
#C0CDCC
#C1CCCB
#C3CBCA
#C5CBC8
#C7CAC7
#BCCFCD
#BECECC
#C0CDCA
#C3CDC9
#C5CCC7
#C7CBC6
#CACAC4
#BCD0CC
#BFCFCA
#C2CEC8
#C5CDC6
#C8CCC4
#CACBC2
#CECAC0
#BCD2CA
#C0D1C8
#C3CFC6
#C7CEC3
#CACDC1
#CECCBF
#D2CABC
Colorpallet from #BCCAD2 to #CABCD2 and to #CAD2BC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BEC8D2
#BEC8D1
#BEC9D1
#BEC9D0
#BECACF
#BECACF
#BECBCE
#C0C6D2
#C0C7D1
#C0C8D0
#C0C9CF
#C0CACE
#C0CCCC
#C0CDCB
#C3C3D2
#C3C5D0
#C3C7CE
#C3C8CD
#C3CACB
#C3CCC9
#C3CEC7
#C5C1D2
#C5C3D0
#C5C5CE
#C5C8CB
#C5CAC9
#C5CCC7
#C5CFC4
#C7BFD2
#C7C2CF
#C7C4CC
#C7C7C9
#C7CAC6
#C7CDC4
#C7D0C0
#CABCD2
#CAC0CE
#CAC3CB
#CAC7C7
#CACAC4
#CACEC0
#CAD2BC
Colorpallet from #BCCAD2 to #CABCD2 and to #D2BCCA
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BEC8D2
#BEC8D2
#BFC8D2
#BFC8D2
#BFC8D1
#C0C8D1
#C0C8D1
#C0C6D2
#C0C6D2
#C1C6D1
#C1C6D1
#C2C6D0
#C2C6D0
#C3C6CF
#C3C3D2
#C4C3D1
#C4C3D1
#C5C3D0
#C6C3CF
#C6C3CF
#C7C3CE
#C5C1D2
#C6C1D1
#C7C1D0
#C7C1D0
#C8C1CF
#C9C1CE
#CAC1CD
#C7BFD2
#C8BFD1
#C9BFD0
#CABFCF
#CBBFCE
#CDBFCD
#CEBFCC
#CABCD2
#CBBCD1
#CDBCCF
#CEBCCE
#CFBCCD
#D0BCCC
#D2BCCA
Colorpallet from #BCCAD2 to #CABCD2 and to #D2CABC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BEC8D2
#BEC8D1
#BFC9D1
#BFC9D0
#BFC9CF
#C0CACF
#C0CACE
#C0C6D2
#C0C7D1
#C1C7D0
#C1C8CF
#C2C9CE
#C2C9CC
#C3CACB
#C3C3D2
#C4C4D0
#C4C5CE
#C5C6CD
#C6C7CB
#C6C9C9
#C7CAC7
#C5C1D2
#C6C2D0
#C7C4CE
#C7C5CB
#C8C7C9
#C9C8C7
#CACAC4
#C7BFD2
#C8C1CF
#C9C3CC
#CAC4C9
#CBC6C6
#CDC8C4
#CECAC0
#CABCD2
#CBBECE
#CDC0CB
#CEC3C7
#CFC5C4
#D0C7C0
#D2CABC
Colorpallet from #BCCAD2 to #CAD2BC and to #D2BCCA
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BECBCE
#BECBCE
#BFCACF
#BFCACF
#BFC9D0
#C0C9D0
#C0C8D1
#C0CDCB
#C0CCCC
#C1CBCC
#C1CACD
#C2C9CE
#C2C7CE
#C3C6CF
#C3CEC7
#C4CCC8
#C4CAC9
#C5C9CA
#C6C7CB
#C6C5CD
#C7C3CE
#C5CFC4
#C6CDC5
#C7CBC7
#C7C8C8
#C8C6CA
#C9C4CB
#CAC1CD
#C7D0C0
#C8CDC2
#C9CBC4
#CAC8C6
#CBC5C8
#CDC2CA
#CEBFCC
#CAD2BC
#CBCEBE
#CDCBC0
#CEC7C3
#CFC4C5
#D0C0C7
#D2BCCA
Colorpallet from #BCCAD2 to #CAD2BC and to #D2CABC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BECBCE
#BECBCE
#BFCBCE
#BFCBCE
#BFCACE
#C0CACE
#C0CACE
#C0CDCB
#C0CDCB
#C1CCCB
#C1CCCB
#C2CBCB
#C2CBCB
#C3CACB
#C3CEC7
#C4CDC7
#C4CDC7
#C5CCC7
#C6CBC7
#C6CBC7
#C7CAC7
#C5CFC4
#C6CEC4
#C7CDC4
#C7CDC4
#C8CCC4
#C9CBC4
#CACAC4
#C7D0C0
#C8CFC0
#C9CEC0
#CACDC0
#CBCCC0
#CDCBC0
#CECAC0
#CAD2BC
#CBD1BC
#CDCFBC
#CECEBC
#CFCDBC
#D0CCBC
#D2CABC
Colorpallet from #BCCAD2 to #D2BCCA and to #D2CABC
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#BCCAD2
#C0C8D1
#C0C8D1
#C0C9D0
#C0C9D0
#C0C9CF
#C0CACF
#C0CACE
#C3C6CF
#C3C7CE
#C3C7CE
#C3C8CD
#C3C9CC
#C3C9CC
#C3CACB
#C7C3CE
#C7C4CD
#C7C5CC
#C7C6CB
#C7C7CA
#C7C9C8
#C7CAC7
#CAC1CD
#CAC2CC
#CAC4CA
#CAC5C9
#CAC7C7
#CAC8C6
#CACAC4
#CEBFCC
#CEC1CA
#CEC3C8
#CEC4C6
#CEC6C4
#CEC8C2
#CECAC0
#D2BCCA
#D2BEC8
#D2C0C6
#D2C3C3
#D2C5C1
#D2C7BF
#D2CABC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts