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 #BDCAD2 to #BDD2CA and to #CABDD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCBD1
#BDCBD1
#BECAD1
#BECAD1
#BEC9D2
#BFC9D2
#BFC8D2
#BDCDCF
#BECCCF
#BECBD0
#BFCAD0
#C0C9D1
#C0C7D1
#C1C6D2
#BDCECE
#BECCCF
#BFCBCF
#C0C9D0
#C1C8D1
#C2C6D1
#C3C4D2
#BDCFCD
#BECDCE
#C0CBCF
#C1C9CF
#C2C7D0
#C3C5D1
#C5C2D2
#BDD0CC
#BFCDCD
#C0CBCE
#C2C8CF
#C3C6D0
#C5C3D1
#C7C0D2
#BDD2CA
#BFCFCB
#C1CBCD
#C3C8CE
#C5C5CF
#C7C1D0
#CABDD2
Colorpallet from #BDCAD2 to #BDD2CA and to #CAD2BD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCBD1
#BDCBD1
#BECBD0
#BECBD0
#BECBD0
#BFCBCF
#BFCBCF
#BDCDCF
#BECDCE
#BECDCE
#BFCDCD
#C0CDCC
#C0CDCC
#C1CDCB
#BDCECE
#BECECD
#BFCECC
#C0CECB
#C1CECA
#C2CEC9
#C3CEC8
#BDCFCD
#BECFCC
#C0CFCA
#C1CFC9
#C2CFC8
#C3CFC7
#C5CFC5
#BDD0CC
#BFD0CA
#C0D0C8
#C2D0C7
#C3D0C5
#C5D0C3
#C7D0C1
#BDD2CA
#BFD2C8
#C1D2C6
#C3D2C4
#C5D2C2
#C7D2C0
#CAD2BD
Colorpallet from #BDCAD2 to #BDD2CA and to #D2BDCA
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCBD1
#BDCBD1
#BECAD1
#BECAD1
#BFC9D1
#BFC9D1
#C0C8D1
#BDCDCF
#BECCCF
#BFCBCF
#C0CACF
#C1C9CF
#C3C7CF
#C4C6CF
#BDCECE
#BFCCCE
#C0CBCE
#C2C9CE
#C3C8CE
#C5C6CE
#C7C4CE
#BDCFCD
#BFCDCD
#C1CBCD
#C3C9CD
#C5C7CD
#C7C5CD
#CAC2CD
#BDD0CC
#C0CDCC
#C2CBCC
#C5C8CC
#C8C6CC
#CBC3CC
#CEC0CC
#BDD2CA
#C0CFCA
#C4CBCA
#C7C8CA
#CAC5CA
#CEC1CA
#D2BDCA
Colorpallet from #BDCAD2 to #BDD2CA and to #D2CABD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCBD1
#BDCBD1
#BECBD0
#BECBD0
#BFCAD0
#BFCACF
#C0CACF
#BDCDCF
#BECDCE
#BFCCCE
#C0CCCD
#C1CBCC
#C3CBCC
#C4CACB
#BDCECE
#BFCDCD
#C0CDCC
#C2CCCB
#C3CBCA
#C5CBC9
#C7CAC8
#BDCFCD
#BFCECC
#C1CDCA
#C3CDC9
#C5CCC8
#C7CBC7
#CACAC5
#BDD0CC
#C0CFCA
#C2CEC8
#C5CDC7
#C8CCC5
#CBCBC3
#CECAC1
#BDD2CA
#C0D1C8
#C4CFC6
#C7CEC4
#CACDC2
#CECCC0
#D2CABD
Colorpallet from #BDCAD2 to #CABDD2 and to #CAD2BD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BFC8D2
#BFC8D2
#BFC9D1
#BFC9D1
#BFCAD0
#BFCAD0
#BFCBCF
#C1C6D2
#C1C7D1
#C1C8D0
#C1C9CF
#C1CACE
#C1CCCC
#C1CDCB
#C3C4D2
#C3C6D0
#C3C7CF
#C3C9CD
#C3CACC
#C3CCCA
#C3CEC8
#C5C2D2
#C5C4D0
#C5C6CE
#C5C8CC
#C5CACA
#C5CCC8
#C5CFC5
#C7C0D2
#C7C3CF
#C7C5CD
#C7C8CA
#C7CAC7
#C7CDC4
#C7D0C1
#CABDD2
#CAC0CF
#CAC4CB
#CAC7C8
#CACAC5
#CACEC1
#CAD2BD
Colorpallet from #BDCAD2 to #CABDD2 and to #D2BDCA
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BFC8D2
#BFC8D2
#BFC8D2
#BFC8D2
#C0C8D1
#C0C8D1
#C0C8D1
#C1C6D2
#C1C6D2
#C2C6D1
#C2C6D1
#C3C6D0
#C3C6D0
#C4C6CF
#C3C4D2
#C4C4D1
#C4C4D1
#C5C4D0
#C6C4CF
#C6C4CF
#C7C4CE
#C5C2D2
#C6C2D1
#C7C2D0
#C7C2D0
#C8C2CF
#C9C2CE
#CAC2CD
#C7C0D2
#C8C0D1
#C9C0D0
#CAC0CF
#CBC0CE
#CDC0CD
#CEC0CC
#CABDD2
#CBBDD1
#CDBDCF
#CEBDCE
#CFBDCD
#D0BDCC
#D2BDCA
Colorpallet from #BDCAD2 to #CABDD2 and to #D2CABD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BFC8D2
#BFC8D2
#BFC9D1
#BFC9D1
#C0C9D0
#C0CAD0
#C0CACF
#C1C6D2
#C1C7D1
#C2C7D0
#C2C8CF
#C3C9CE
#C3C9CC
#C4CACB
#C3C4D2
#C4C5D0
#C4C6CF
#C5C7CD
#C6C8CC
#C6C9CA
#C7CAC8
#C5C2D2
#C6C3D0
#C7C5CE
#C7C6CC
#C8C7CA
#C9C8C8
#CACAC5
#C7C0D2
#C8C2CF
#C9C3CD
#CAC5CA
#CBC6C7
#CDC8C4
#CECAC1
#CABDD2
#CBBFCF
#CDC1CB
#CEC3C8
#CFC5C5
#D0C7C1
#D2CABD
Colorpallet from #BDCAD2 to #CAD2BD and to #D2BDCA
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BFCBCF
#BFCBCF
#BFCAD0
#BFCAD0
#C0C9D0
#C0C9D1
#C0C8D1
#C1CDCB
#C1CCCC
#C2CBCC
#C2CACD
#C3C9CE
#C3C7CE
#C4C6CF
#C3CEC8
#C4CCC9
#C4CBCA
#C5C9CB
#C6C8CC
#C6C6CD
#C7C4CE
#C5CFC5
#C6CDC6
#C7CBC8
#C7C9C9
#C8C7CA
#C9C5CB
#CAC2CD
#C7D0C1
#C8CDC3
#C9CBC5
#CAC8C6
#CBC6C8
#CDC3CA
#CEC0CC
#CAD2BD
#CBCFBF
#CDCBC1
#CEC8C3
#CFC5C5
#D0C1C7
#D2BDCA
Colorpallet from #BDCAD2 to #CAD2BD and to #D2CABD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BFCBCF
#BFCBCF
#BFCBCF
#BFCBCF
#C0CACF
#C0CACF
#C0CACF
#C1CDCB
#C1CDCB
#C2CCCB
#C2CCCB
#C3CBCB
#C3CBCB
#C4CACB
#C3CEC8
#C4CDC8
#C4CDC8
#C5CCC8
#C6CBC8
#C6CBC8
#C7CAC8
#C5CFC5
#C6CEC5
#C7CDC5
#C7CDC5
#C8CCC5
#C9CBC5
#CACAC5
#C7D0C1
#C8CFC1
#C9CEC1
#CACDC1
#CBCCC1
#CDCBC1
#CECAC1
#CAD2BD
#CBD1BD
#CDCFBD
#CECEBD
#CFCDBD
#D0CCBD
#D2CABD
Colorpallet from #BDCAD2 to #D2BDCA and to #D2CABD
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#BDCAD2
#C0C8D1
#C0C8D1
#C0C9D0
#C0C9D0
#C0C9D0
#C0CACF
#C0CACF
#C4C6CF
#C4C7CE
#C4C7CE
#C4C8CD
#C4C9CC
#C4C9CC
#C4CACB
#C7C4CE
#C7C5CD
#C7C6CC
#C7C7CB
#C7C8CA
#C7C9C9
#C7CAC8
#CAC2CD
#CAC3CC
#CAC5CA
#CAC6C9
#CAC7C8
#CAC8C7
#CACAC5
#CEC0CC
#CEC2CA
#CEC3C8
#CEC5C7
#CEC6C5
#CEC8C3
#CECAC1
#D2BDCA
#D2BFC8
#D2C1C6
#D2C3C4
#D2C5C2
#D2C7C0
#D2CABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts