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 #BACAD2 to #BAD2CA and to #CABAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACBD1
#BACAD1
#BBCAD1
#BBC9D1
#BCC8D2
#BCC8D2
#BDC7D2
#BACDCF
#BBCCCF
#BCCAD0
#BCC9D0
#BDC8D1
#BEC7D1
#BFC5D2
#BACECE
#BBCCCF
#BDCACF
#BEC8D0
#BFC6D1
#C0C4D1
#C2C2D2
#BACFCD
#BCCDCE
#BDCACF
#BFC8CF
#C0C5D0
#C2C3D1
#C4C0D2
#BAD0CC
#BCCDCD
#BECACE
#C0C7CF
#C2C4D0
#C4C1D1
#C7BDD2
#BAD2CA
#BDCECB
#BFCACD
#C2C6CE
#C4C3CF
#C7BFD0
#CABAD2
Colorpallet from #BACAD2 to #BAD2CA and to #CAD2BA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACBD1
#BACBD1
#BBCBD0
#BBCBD0
#BCCBCF
#BCCBCF
#BDCBCE
#BACDCF
#BBCDCE
#BCCDCD
#BCCDCD
#BDCDCC
#BECDCB
#BFCDCA
#BACECE
#BBCECD
#BDCECB
#BECECA
#BFCEC9
#C0CEC8
#C2CEC6
#BACFCD
#BCCFCB
#BDCFCA
#BFCFC8
#C0CFC7
#C2CFC5
#C4CFC3
#BAD0CC
#BCD0CA
#BED0C8
#C0D0C6
#C2D0C4
#C4D0C2
#C7D0BF
#BAD2CA
#BDD2C7
#BFD2C5
#C2D2C2
#C4D2C0
#C7D2BD
#CAD2BA
Colorpallet from #BACAD2 to #BAD2CA and to #D2BACA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACBD1
#BBCAD1
#BBCAD1
#BCC9D1
#BDC8D1
#BDC8D1
#BEC7D1
#BACDCF
#BBCCCF
#BDCACF
#BEC9CF
#BFC8CF
#C0C7CF
#C2C5CF
#BACECE
#BCCCCE
#BECACE
#C0C8CE
#C2C6CE
#C4C4CE
#C6C2CE
#BACFCD
#BCCDCD
#BFCACD
#C1C8CD
#C4C5CD
#C6C3CD
#C9C0CD
#BAD0CC
#BDCDCC
#C0CACC
#C3C7CC
#C6C4CC
#C9C1CC
#CDBDCC
#BAD2CA
#BECECA
#C2CACA
#C6C6CA
#C9C3CA
#CDBFCA
#D2BACA
Colorpallet from #BACAD2 to #BAD2CA and to #D2CABA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACBD1
#BBCBD1
#BBCBD0
#BCCBD0
#BDCACF
#BDCACF
#BECACE
#BACDCF
#BBCDCE
#BDCCCD
#BECCCD
#BFCBCC
#C0CBCB
#C2CACA
#BACECE
#BCCDCD
#BECDCB
#C0CCCA
#C2CBC9
#C4CBC8
#C6CAC6
#BACFCD
#BCCECB
#BFCDCA
#C1CDC8
#C4CCC7
#C6CBC5
#C9CAC3
#BAD0CC
#BDCFCA
#C0CEC8
#C3CDC6
#C6CCC4
#C9CBC2
#CDCABF
#BAD2CA
#BED1C7
#C2CFC5
#C6CEC2
#C9CDC0
#CDCCBD
#D2CABA
Colorpallet from #BACAD2 to #CABAD2 and to #CAD2BA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BDC7D2
#BDC8D1
#BDC8D1
#BDC9D0
#BDCACF
#BDCACF
#BDCBCE
#BFC5D2
#BFC6D1
#BFC8CF
#BFC9CE
#BFCACD
#BFCBCC
#BFCDCA
#C2C2D2
#C2C4D0
#C2C6CE
#C2C8CC
#C2CACA
#C2CCC8
#C2CEC6
#C4C0D2
#C4C2D0
#C4C5CD
#C4C7CB
#C4CAC8
#C4CCC6
#C4CFC3
#C7BDD2
#C7C0CF
#C7C3CC
#C7C6C9
#C7C9C6
#C7CCC3
#C7D0BF
#CABAD2
#CABECE
#CAC2CA
#CAC6C6
#CAC9C3
#CACDBF
#CAD2BA
Colorpallet from #BACAD2 to #CABAD2 and to #D2BACA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BDC7D2
#BDC7D2
#BDC7D2
#BDC7D2
#BEC7D1
#BEC7D1
#BEC7D1
#BFC5D2
#BFC5D2
#C0C5D1
#C0C5D1
#C1C5D0
#C1C5D0
#C2C5CF
#C2C2D2
#C3C2D1
#C3C2D1
#C4C2D0
#C5C2CF
#C5C2CF
#C6C2CE
#C4C0D2
#C5C0D1
#C6C0D0
#C6C0D0
#C7C0CF
#C8C0CE
#C9C0CD
#C7BDD2
#C8BDD1
#C9BDD0
#CABDCF
#CBBDCE
#CCBDCD
#CDBDCC
#CABAD2
#CBBAD1
#CDBACF
#CEBACE
#CFBACD
#D0BACC
#D2BACA
Colorpallet from #BACAD2 to #CABAD2 and to #D2CABA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BDC7D2
#BDC7D1
#BDC8D1
#BDC8D0
#BEC9CF
#BEC9CF
#BECACE
#BFC5D2
#BFC6D1
#C0C7CF
#C0C7CE
#C1C8CD
#C1C9CC
#C2CACA
#C2C2D2
#C3C3D0
#C3C5CE
#C4C6CC
#C5C7CA
#C5C8C8
#C6CAC6
#C4C0D2
#C5C2D0
#C6C3CD
#C6C5CB
#C7C6C8
#C8C8C6
#C9CAC3
#C7BDD2
#C8BFCF
#C9C1CC
#CAC3C9
#CBC5C6
#CCC7C3
#CDCABF
#CABAD2
#CBBDCE
#CDBFCA
#CEC2C6
#CFC4C3
#D0C7BF
#D2CABA
Colorpallet from #BACAD2 to #CAD2BA and to #D2BACA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BDCBCE
#BDCACE
#BDCACF
#BDC9CF
#BEC8D0
#BEC8D0
#BEC7D1
#BFCDCA
#BFCCCB
#C0CACC
#C0C9CC
#C1C8CD
#C1C7CE
#C2C5CF
#C2CEC6
#C3CCC7
#C3CAC9
#C4C8CA
#C5C6CB
#C5C4CC
#C6C2CE
#C4CFC3
#C5CDC5
#C6CAC6
#C6C8C8
#C7C5C9
#C8C3CB
#C9C0CD
#C7D0BF
#C8CDC1
#C9CAC3
#CAC7C5
#CBC4C7
#CCC1C9
#CDBDCC
#CAD2BA
#CBCEBD
#CDCABF
#CEC6C2
#CFC3C4
#D0BFC7
#D2BACA
Colorpallet from #BACAD2 to #CAD2BA and to #D2CABA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BDCBCE
#BDCBCE
#BDCBCE
#BDCBCE
#BECACE
#BECACE
#BECACE
#BFCDCA
#BFCDCA
#C0CCCA
#C0CCCA
#C1CBCA
#C1CBCA
#C2CACA
#C2CEC6
#C3CDC6
#C3CDC6
#C4CCC6
#C5CBC6
#C5CBC6
#C6CAC6
#C4CFC3
#C5CEC3
#C6CDC3
#C6CDC3
#C7CCC3
#C8CBC3
#C9CAC3
#C7D0BF
#C8CFBF
#C9CEBF
#CACDBF
#CBCCBF
#CCCBBF
#CDCABF
#CAD2BA
#CBD1BA
#CDCFBA
#CECEBA
#CFCDBA
#D0CCBA
#D2CABA
Colorpallet from #BACAD2 to #D2BACA and to #D2CABA
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BACAD2
#BEC7D1
#BEC7D1
#BEC8D0
#BEC8D0
#BEC9CF
#BEC9CF
#BECACE
#C2C5CF
#C2C6CE
#C2C7CD
#C2C7CD
#C2C8CC
#C2C9CB
#C2CACA
#C6C2CE
#C6C3CD
#C6C5CB
#C6C6CA
#C6C7C9
#C6C8C8
#C6CAC6
#C9C0CD
#C9C2CB
#C9C3CA
#C9C5C8
#C9C6C7
#C9C8C5
#C9CAC3
#CDBDCC
#CDBFCA
#CDC1C8
#CDC3C6
#CDC5C4
#CDC7C2
#CDCABF
#D2BACA
#D2BDC7
#D2BFC5
#D2C2C2
#D2C4C0
#D2C7BD
#D2CABA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts