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 #B8CAD2 to #B8D2CA and to #CAB8D2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CBD1
#B8CAD1
#B9CAD1
#B9C9D1
#BAC8D2
#BAC8D2
#BBC7D2
#B8CDCF
#B9CCCF
#BACAD0
#BBC9D0
#BCC7D1
#BDC6D1
#BEC4D2
#B8CECE
#B9CCCF
#BBCACF
#BCC8D0
#BEC6D1
#BFC4D1
#C1C1D2
#B8CFCD
#BACCCE
#BCCACF
#BEC7CF
#C0C4D0
#C2C1D1
#C4BED2
#B8D0CC
#BACDCD
#BCCACE
#BFC6CF
#C1C3D0
#C3C0D1
#C6BCD2
#B8D2CA
#BBCECB
#BECACD
#C1C6CE
#C4C1CF
#C6BDD0
#CAB8D2
Colorpallet from #B8CAD2 to #B8D2CA and to #CAD2B8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CBD1
#B8CBD1
#B9CBD0
#B9CBD0
#BACBCF
#BACBCF
#BBCBCE
#B8CDCF
#B9CDCE
#BACDCD
#BBCDCD
#BCCDCC
#BDCDCB
#BECDCA
#B8CECE
#B9CECD
#BBCECB
#BCCECA
#BECEC9
#BFCEC8
#C1CEC6
#B8CFCD
#BACFCB
#BCCFC9
#BECFC7
#C0CFC5
#C2CFC3
#C4CFC1
#B8D0CC
#BAD0CA
#BCD0C7
#BFD0C5
#C1D0C2
#C3D0C0
#C6D0BD
#B8D2CA
#BBD2C7
#BED2C4
#C1D2C1
#C4D2BE
#C6D2BC
#CAD2B8
Colorpallet from #B8CAD2 to #B8D2CA and to #D2B8CA
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CBD1
#B9CAD1
#B9CAD1
#BAC9D1
#BBC8D1
#BBC8D1
#BCC7D1
#B8CDCF
#B9CCCF
#BBCACF
#BCC9CF
#BDC7CF
#BEC6CF
#C0C4CF
#B8CECE
#BACCCE
#BCCACE
#BEC8CE
#C0C6CE
#C2C4CE
#C4C1CE
#B8CFCD
#BBCCCD
#BDCACD
#C0C7CD
#C3C4CD
#C6C1CD
#C9BECD
#B8D0CC
#BBCDCC
#BFCACC
#C2C6CC
#C5C3CC
#C9C0CC
#CDBCCC
#B8D2CA
#BCCECA
#C0CACA
#C4C6CA
#C9C1CA
#CDBDCA
#D2B8CA
Colorpallet from #B8CAD2 to #B8D2CA and to #D2CAB8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CBD1
#B9CBD1
#B9CBD0
#BACBD0
#BBCACF
#BBCACF
#BCCACE
#B8CDCF
#B9CDCE
#BBCCCD
#BCCCCD
#BDCBCC
#BECBCB
#C0CACA
#B8CECE
#BACDCD
#BCCDCB
#BECCCA
#C0CBC9
#C2CBC8
#C4CAC6
#B8CFCD
#BBCECB
#BDCDC9
#C0CDC7
#C3CCC5
#C6CBC3
#C9CAC1
#B8D0CC
#BBCFCA
#BFCEC7
#C2CDC5
#C5CCC2
#C9CBC0
#CDCABD
#B8D2CA
#BCD1C7
#C0CFC4
#C4CEC1
#C9CDBE
#CDCCBC
#D2CAB8
Colorpallet from #B8CAD2 to #CAB8D2 and to #CAD2B8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BBC7D2
#BBC8D1
#BBC8D1
#BBC9D0
#BBCACF
#BBCACF
#BBCBCE
#BEC4D2
#BEC5D1
#BEC7CF
#BEC8CE
#BECACD
#BECBCC
#BECDCA
#C1C1D2
#C1C3D0
#C1C5CE
#C1C7CC
#C1C9CA
#C1CBC8
#C1CEC6
#C4BED2
#C4C1CF
#C4C3CD
#C4C6CA
#C4C9C7
#C4CCC4
#C4CFC1
#C6BCD2
#C6BFCF
#C6C2CB
#C6C6C8
#C6C9C5
#C6CCC1
#C6D0BD
#CAB8D2
#CABCCE
#CAC0CA
#CAC4C6
#CAC9C1
#CACDBD
#CAD2B8
Colorpallet from #B8CAD2 to #CAB8D2 and to #D2B8CA
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BBC7D2
#BBC7D2
#BBC7D2
#BBC7D2
#BCC7D1
#BCC7D1
#BCC7D1
#BEC4D2
#BEC4D2
#BFC4D1
#BFC4D1
#BFC4D0
#C0C4D0
#C0C4CF
#C1C1D2
#C1C1D1
#C2C1D1
#C2C1D0
#C3C1CF
#C3C1CF
#C4C1CE
#C4BED2
#C5BED1
#C6BED0
#C6BED0
#C7BECF
#C8BECE
#C9BECD
#C6BCD2
#C7BCD1
#C8BCD0
#C9BCCF
#CABCCE
#CCBCCD
#CDBCCC
#CAB8D2
#CBB8D1
#CDB8CF
#CEB8CE
#CFB8CD
#D0B8CC
#D2B8CA
Colorpallet from #B8CAD2 to #CAB8D2 and to #D2CAB8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BBC7D2
#BBC7D1
#BBC8D1
#BBC8D0
#BCC9CF
#BCC9CF
#BCCACE
#BEC4D2
#BEC5D1
#BFC6CF
#BFC7CE
#BFC8CD
#C0C9CC
#C0CACA
#C1C1D2
#C1C2D0
#C2C4CE
#C2C5CC
#C3C7CA
#C3C8C8
#C4CAC6
#C4BED2
#C5C0CF
#C6C2CD
#C6C4CA
#C7C6C7
#C8C8C4
#C9CAC1
#C6BCD2
#C7BECF
#C8C0CB
#C9C3C8
#CAC5C5
#CCC7C1
#CDCABD
#CAB8D2
#CBBBCE
#CDBECA
#CEC1C6
#CFC4C1
#D0C6BD
#D2CAB8
Colorpallet from #B8CAD2 to #CAD2B8 and to #D2B8CA
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BBCBCE
#BBCACE
#BBCACF
#BBC9CF
#BCC8D0
#BCC8D0
#BCC7D1
#BECDCA
#BECCCB
#BFCACC
#BFC9CC
#BFC7CD
#C0C6CE
#C0C4CF
#C1CEC6
#C1CCC7
#C2CAC9
#C2C8CA
#C3C6CB
#C3C4CC
#C4C1CE
#C4CFC1
#C5CCC3
#C6CAC5
#C6C7C7
#C7C4C9
#C8C1CB
#C9BECD
#C6D0BD
#C7CDBF
#C8CAC2
#C9C6C4
#CAC3C7
#CCC0C9
#CDBCCC
#CAD2B8
#CBCEBB
#CDCABE
#CEC6C1
#CFC1C4
#D0BDC6
#D2B8CA
Colorpallet from #B8CAD2 to #CAD2B8 and to #D2CAB8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BBCBCE
#BBCBCE
#BBCBCE
#BBCBCE
#BCCACE
#BCCACE
#BCCACE
#BECDCA
#BECDCA
#BFCCCA
#BFCCCA
#BFCBCA
#C0CBCA
#C0CACA
#C1CEC6
#C1CDC6
#C2CDC6
#C2CCC6
#C3CBC6
#C3CBC6
#C4CAC6
#C4CFC1
#C5CEC1
#C6CDC1
#C6CDC1
#C7CCC1
#C8CBC1
#C9CAC1
#C6D0BD
#C7CFBD
#C8CEBD
#C9CDBD
#CACCBD
#CCCBBD
#CDCABD
#CAD2B8
#CBD1B8
#CDCFB8
#CECEB8
#CFCDB8
#D0CCB8
#D2CAB8
Colorpallet from #B8CAD2 to #D2B8CA and to #D2CAB8
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#B8CAD2
#BCC7D1
#BCC7D1
#BCC8D0
#BCC8D0
#BCC9CF
#BCC9CF
#BCCACE
#C0C4CF
#C0C5CE
#C0C6CD
#C0C7CD
#C0C8CC
#C0C9CB
#C0CACA
#C4C1CE
#C4C2CD
#C4C4CB
#C4C5CA
#C4C7C9
#C4C8C8
#C4CAC6
#C9BECD
#C9C0CB
#C9C2C9
#C9C4C7
#C9C6C5
#C9C8C3
#C9CAC1
#CDBCCC
#CDBECA
#CDC0C7
#CDC3C5
#CDC5C2
#CDC7C0
#CDCABD
#D2B8CA
#D2BBC7
#D2BEC4
#D2C1C1
#D2C4BE
#D2C6BC
#D2CAB8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts