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 #BBCDD2 to #BBD2CD and to #CDBBD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCED1
#BBCDD1
#BCCDD1
#BCCCD1
#BDCBD2
#BDCBD2
#BECAD2
#BBCFD0
#BCCED0
#BDCCD1
#BECBD1
#BFCAD1
#C0C9D2
#C1C7D2
#BBCFD0
#BCCDD0
#BECBD1
#BFCAD1
#C1C8D1
#C2C6D2
#C4C4D2
#BBD0CF
#BDCECF
#BFCBD0
#C1C9D0
#C3C6D1
#C5C4D1
#C7C1D2
#BBD1CE
#BDCECF
#BFCBCF
#C2C8D0
#C4C5D1
#C6C3D1
#C9BFD2
#BBD2CD
#BECECE
#C1CBCF
#C4C7CF
#C7C3D0
#C9C0D1
#CDBBD2
Colorpallet from #BBCDD2 to #BBD2CD and to #CDD2BB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCED1
#BBCED1
#BCCED0
#BCCED0
#BDCECF
#BDCECF
#BECECE
#BBCFD0
#BCCFCF
#BDCFCE
#BECFCE
#BFCFCD
#C0CFCC
#C1CFCB
#BBCFD0
#BCCFCF
#BECFCD
#BFCFCC
#C1CFCA
#C2CFC9
#C4CFC7
#BBD0CF
#BDD0CD
#BFD0CB
#C1D0C9
#C3D0C7
#C5D0C5
#C7D0C3
#BBD1CE
#BDD1CC
#BFD1CA
#C2D1C7
#C4D1C5
#C6D1C3
#C9D1C0
#BBD2CD
#BED2CA
#C1D2C7
#C4D2C4
#C7D2C1
#C9D2BF
#CDD2BB
Colorpallet from #BBCDD2 to #BBD2CD and to #D2BBCD
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCED1
#BCCDD1
#BCCDD1
#BDCCD1
#BECBD1
#BECBD1
#BFCAD1
#BBCFD0
#BCCED0
#BDCCD0
#BECBD0
#BFCAD0
#C1C9D0
#C2C7D0
#BBCFD0
#BDCDD0
#BFCBD0
#C0CAD0
#C2C8D0
#C4C6D0
#C6C4D0
#BBD0CF
#BDCECF
#C0CBCF
#C2C9CF
#C5C6CF
#C7C4CF
#CAC1CF
#BBD1CE
#BECECE
#C1CBCE
#C4C8CE
#C7C5CE
#C9C3CE
#CDBFCE
#BBD2CD
#BFCECD
#C2CBCD
#C6C7CD
#CAC3CD
#CDC0CD
#D2BBCD
Colorpallet from #BBCDD2 to #BBD2CD and to #D2CDBB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCED1
#BCCED1
#BCCED0
#BDCED0
#BECDCF
#BECDCF
#BFCDCE
#BBCFD0
#BCCFCF
#BDCECE
#BECECE
#BFCECD
#C1CDCC
#C2CDCB
#BBCFD0
#BDCFCF
#BFCECD
#C0CECC
#C2CECA
#C4CDC9
#C6CDC7
#BBD0CF
#BDD0CD
#C0CFCB
#C2CFC9
#C5CEC7
#C7CEC5
#CACDC3
#BBD1CE
#BED0CC
#C1D0CA
#C4CFC7
#C7CEC5
#C9CEC3
#CDCDC0
#BBD2CD
#BFD1CA
#C2D0C7
#C6D0C4
#CACFC1
#CDCEBF
#D2CDBB
Colorpallet from #BBCDD2 to #CDBBD2 and to #CDD2BB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BECAD2
#BECBD1
#BECBD1
#BECCD0
#BECDCF
#BECDCF
#BECECE
#C1C7D2
#C1C8D1
#C1CAD0
#C1CBCF
#C1CCCE
#C1CDCC
#C1CFCB
#C4C4D2
#C4C6D0
#C4C8CE
#C4C9CD
#C4CBCB
#C4CDC9
#C4CFC7
#C7C1D2
#C7C3D0
#C7C6CD
#C7C8CB
#C7CBC8
#C7CDC6
#C7D0C3
#C9BFD2
#C9C2CF
#C9C5CC
#C9C8C9
#C9CBC6
#C9CDC4
#C9D1C0
#CDBBD2
#CDBFCE
#CDC2CB
#CDC6C7
#CDCAC3
#CDCDC0
#CDD2BB
Colorpallet from #BBCDD2 to #CDBBD2 and to #D2BBCD
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BECAD2
#BECAD2
#BECAD2
#BECAD2
#BFCAD1
#BFCAD1
#BFCAD1
#C1C7D2
#C1C7D2
#C1C7D1
#C1C7D1
#C2C7D1
#C2C7D0
#C2C7D0
#C4C4D2
#C4C4D2
#C5C4D1
#C5C4D1
#C5C4D1
#C6C4D0
#C6C4D0
#C7C1D2
#C7C1D2
#C8C1D1
#C8C1D1
#C9C1D0
#C9C1D0
#CAC1CF
#C9BFD2
#CABFD1
#CABFD1
#CBBFD0
#CCBFCF
#CCBFCF
#CDBFCE
#CDBBD2
#CEBBD1
#CFBBD0
#CFBBD0
#D0BBCF
#D1BBCE
#D2BBCD
Colorpallet from #BBCDD2 to #CDBBD2 and to #D2CDBB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BECAD2
#BECAD1
#BECBD1
#BECBD0
#BFCCCF
#BFCCCF
#BFCDCE
#C1C7D2
#C1C8D1
#C1C9D0
#C1CACF
#C2CBCE
#C2CCCC
#C2CDCB
#C4C4D2
#C4C5D0
#C5C7CE
#C5C8CD
#C5CACB
#C6CBC9
#C6CDC7
#C7C1D2
#C7C3D0
#C8C5CD
#C8C7CB
#C9C9C8
#C9CBC6
#CACDC3
#C9BFD2
#CAC1CF
#CAC3CC
#CBC6C9
#CCC8C6
#CCCAC4
#CDCDC0
#CDBBD2
#CEBECE
#CFC1CB
#CFC4C7
#D0C7C3
#D1C9C0
#D2CDBB
Colorpallet from #BBCDD2 to #CDD2BB and to #D2BBCD
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BECECE
#BECDCE
#BECDCF
#BECCCF
#BFCBD0
#BFCBD0
#BFCAD1
#C1CFCB
#C1CECC
#C1CCCD
#C1CBCD
#C2CACE
#C2C9CF
#C2C7D0
#C4CFC7
#C4CDC8
#C5CBCA
#C5CACB
#C5C8CD
#C6C6CE
#C6C4D0
#C7D0C3
#C7CEC5
#C8CBC7
#C8C9C9
#C9C6CB
#C9C4CD
#CAC1CF
#C9D1C0
#CACEC2
#CACBC4
#CBC8C7
#CCC5C9
#CCC3CB
#CDBFCE
#CDD2BB
#CECEBE
#CFCBC1
#CFC7C4
#D0C3C7
#D1C0C9
#D2BBCD
Colorpallet from #BBCDD2 to #CDD2BB and to #D2CDBB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BECECE
#BECECE
#BECECE
#BECECE
#BFCDCE
#BFCDCE
#BFCDCE
#C1CFCB
#C1CFCB
#C1CECB
#C1CECB
#C2CECB
#C2CDCB
#C2CDCB
#C4CFC7
#C4CFC7
#C5CEC7
#C5CEC7
#C5CEC7
#C6CDC7
#C6CDC7
#C7D0C3
#C7D0C3
#C8CFC3
#C8CFC3
#C9CEC3
#C9CEC3
#CACDC3
#C9D1C0
#CAD0C0
#CAD0C0
#CBCFC0
#CCCEC0
#CCCEC0
#CDCDC0
#CDD2BB
#CED1BB
#CFD0BB
#CFD0BB
#D0CFBB
#D1CEBB
#D2CDBB
Colorpallet from #BBCDD2 to #D2BBCD and to #D2CDBB
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BBCDD2
#BFCAD1
#BFCAD1
#BFCBD0
#BFCBD0
#BFCCCF
#BFCCCF
#BFCDCE
#C2C7D0
#C2C8CF
#C2C9CE
#C2CACE
#C2CBCD
#C2CCCC
#C2CDCB
#C6C4D0
#C6C5CF
#C6C7CD
#C6C8CC
#C6CACA
#C6CBC9
#C6CDC7
#CAC1CF
#CAC3CD
#CAC5CB
#CAC7C9
#CAC9C7
#CACBC5
#CACDC3
#CDBFCE
#CDC1CC
#CDC3CA
#CDC6C7
#CDC8C5
#CDCAC3
#CDCDC0
#D2BBCD
#D2BECA
#D2C1C7
#D2C4C4
#D2C7C1
#D2C9BF
#D2CDBB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts