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 #BECAD3 to #BED3CA and to #CABED3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECBD2
#BECBD2
#BFCAD2
#BFCAD2
#BFC9D3
#C0C9D3
#C0C8D3
#BECDD0
#BFCCD0
#BFCBD1
#C0CAD1
#C1C9D2
#C1C7D2
#C2C6D3
#BECECF
#BFCCD0
#C0CBD0
#C1C9D1
#C2C8D2
#C3C6D2
#C4C4D3
#BED0CD
#BFCECE
#C1CCCF
#C2C9D0
#C3C7D1
#C4C5D2
#C6C2D3
#BED1CC
#C0CECD
#C1CCCE
#C3C9CF
#C4C6D0
#C6C3D2
#C8C0D3
#BED3CA
#C0D0CB
#C2CCCD
#C4C9CE
#C6C6D0
#C8C2D1
#CABED3
Colorpallet from #BECAD3 to #BED3CA and to #CAD3BE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECBD2
#BECBD2
#BFCBD1
#BFCBD1
#BFCBD1
#C0CBD0
#C0CBD0
#BECDD0
#BFCDCF
#BFCDCF
#C0CDCE
#C1CDCD
#C1CDCD
#C2CDCC
#BECECF
#BFCECE
#C0CECD
#C1CECC
#C2CECB
#C3CECA
#C4CEC9
#BED0CD
#BFD0CC
#C1D0CB
#C2D0CA
#C3D0C9
#C4D0C7
#C6D0C6
#BED1CC
#C0D1CA
#C1D1C9
#C3D1C7
#C4D1C6
#C6D1C4
#C8D1C2
#BED3CA
#C0D3C8
#C2D3C6
#C4D3C4
#C6D3C2
#C8D3C0
#CAD3BE
Colorpallet from #BECAD3 to #BED3CA and to #D3BECA
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECBD2
#BECBD2
#BFCAD2
#BFCAD2
#C0C9D2
#C0C9D2
#C1C8D2
#BECDD0
#BFCCD0
#C0CBD0
#C1CAD0
#C2C9D0
#C4C7D0
#C5C6D0
#BECECF
#C0CCCF
#C1CBCF
#C3C9CF
#C4C8CF
#C6C6CF
#C8C4CF
#BED0CD
#C0CECD
#C2CCCD
#C4C9CD
#C6C7CD
#C8C5CD
#CBC2CD
#BED1CC
#C1CECC
#C3CCCC
#C6C9CC
#C9C6CC
#CCC3CC
#CFC0CC
#BED3CA
#C1D0CA
#C5CCCA
#C8C9CA
#CBC6CA
#CFC2CA
#D3BECA
Colorpallet from #BECAD3 to #BED3CA and to #D3CABE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECBD2
#BECBD2
#BFCBD1
#BFCBD1
#C0CAD1
#C0CAD0
#C1CAD0
#BECDD0
#BFCDCF
#C0CCCF
#C1CCCE
#C2CBCD
#C4CBCD
#C5CACC
#BECECF
#C0CDCE
#C1CDCD
#C3CCCC
#C4CBCB
#C6CBCA
#C8CAC9
#BED0CD
#C0CFCC
#C2CECB
#C4CDCA
#C6CCC9
#C8CBC7
#CBCAC6
#BED1CC
#C1D0CA
#C3CFC9
#C6CEC7
#C9CDC6
#CCCBC4
#CFCAC2
#BED3CA
#C1D2C8
#C5D0C6
#C8CFC4
#CBCDC2
#CFCCC0
#D3CABE
Colorpallet from #BECAD3 to #CABED3 and to #CAD3BE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C0C8D3
#C0C8D3
#C0C9D2
#C0C9D2
#C0CAD1
#C0CAD1
#C0CBD0
#C2C6D3
#C2C7D2
#C2C8D1
#C2C9D0
#C2CACF
#C2CCCD
#C2CDCC
#C4C4D3
#C4C6D1
#C4C7D0
#C4C9CE
#C4CACD
#C4CCCB
#C4CEC9
#C6C2D3
#C6C4D1
#C6C6CF
#C6C9CD
#C6CBCB
#C6CDC9
#C6D0C6
#C8C0D3
#C8C3D0
#C8C5CE
#C8C8CB
#C8CBC8
#C8CEC5
#C8D1C2
#CABED3
#CAC1D0
#CAC5CC
#CAC8C9
#CACBC6
#CACFC2
#CAD3BE
Colorpallet from #BECAD3 to #CABED3 and to #D3BECA
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C0C8D3
#C0C8D3
#C0C8D3
#C0C8D3
#C1C8D2
#C1C8D2
#C1C8D2
#C2C6D3
#C2C6D3
#C3C6D2
#C3C6D2
#C4C6D1
#C4C6D1
#C5C6D0
#C4C4D3
#C5C4D2
#C5C4D2
#C6C4D1
#C7C4D0
#C7C4D0
#C8C4CF
#C6C2D3
#C7C2D2
#C8C2D1
#C8C2D0
#C9C2CF
#CAC2CE
#CBC2CD
#C8C0D3
#C9C0D2
#CAC0D1
#CBC0D0
#CCC0CF
#CEC0CD
#CFC0CC
#CABED3
#CBBED2
#CDBED0
#CEBECF
#D0BECD
#D1BECC
#D3BECA
Colorpallet from #BECAD3 to #CABED3 and to #D3CABE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C0C8D3
#C0C8D3
#C0C9D2
#C0C9D2
#C1C9D1
#C1CAD1
#C1CAD0
#C2C6D3
#C2C7D2
#C3C7D1
#C3C8D0
#C4C9CF
#C4C9CD
#C5CACC
#C4C4D3
#C5C5D1
#C5C6D0
#C6C7CE
#C7C8CD
#C7C9CB
#C8CAC9
#C6C2D3
#C7C3D1
#C8C5CF
#C8C6CD
#C9C7CB
#CAC8C9
#CBCAC6
#C8C0D3
#C9C2D0
#CAC3CE
#CBC5CB
#CCC6C8
#CEC8C5
#CFCAC2
#CABED3
#CBC0D0
#CDC2CC
#CEC4C9
#D0C6C6
#D1C8C2
#D3CABE
Colorpallet from #BECAD3 to #CAD3BE and to #D3BECA
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C0CBD0
#C0CBD0
#C0CAD1
#C0CAD1
#C1C9D1
#C1C9D2
#C1C8D2
#C2CDCC
#C2CCCD
#C3CBCD
#C3CACE
#C4C9CF
#C4C7CF
#C5C6D0
#C4CEC9
#C5CCCA
#C5CBCB
#C6C9CC
#C7C8CD
#C7C6CE
#C8C4CF
#C6D0C6
#C7CEC7
#C8CCC8
#C8C9C9
#C9C7CA
#CAC5CC
#CBC2CD
#C8D1C2
#C9CEC4
#CACCC5
#CBC9C7
#CCC6C8
#CEC3CA
#CFC0CC
#CAD3BE
#CBD0C0
#CDCCC2
#CEC9C4
#D0C6C6
#D1C2C8
#D3BECA
Colorpallet from #BECAD3 to #CAD3BE and to #D3CABE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C0CBD0
#C0CBD0
#C0CBD0
#C0CBD0
#C1CAD0
#C1CAD0
#C1CAD0
#C2CDCC
#C2CDCC
#C3CCCC
#C3CCCC
#C4CBCC
#C4CBCC
#C5CACC
#C4CEC9
#C5CDC9
#C5CDC9
#C6CCC9
#C7CBC9
#C7CBC9
#C8CAC9
#C6D0C6
#C7CFC6
#C8CEC6
#C8CDC6
#C9CCC6
#CACBC6
#CBCAC6
#C8D1C2
#C9D0C2
#CACFC2
#CBCEC2
#CCCDC2
#CECBC2
#CFCAC2
#CAD3BE
#CBD2BE
#CDD0BE
#CECFBE
#D0CDBE
#D1CCBE
#D3CABE
Colorpallet from #BECAD3 to #D3BECA and to #D3CABE
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#BECAD3
#C1C8D2
#C1C8D2
#C1C9D1
#C1C9D1
#C1C9D1
#C1CAD0
#C1CAD0
#C5C6D0
#C5C7CF
#C5C7CF
#C5C8CE
#C5C9CD
#C5C9CD
#C5CACC
#C8C4CF
#C8C5CE
#C8C6CD
#C8C7CC
#C8C8CB
#C8C9CA
#C8CAC9
#CBC2CD
#CBC3CC
#CBC5CB
#CBC6CA
#CBC7C9
#CBC8C7
#CBCAC6
#CFC0CC
#CFC2CA
#CFC3C9
#CFC5C7
#CFC6C6
#CFC8C4
#CFCAC2
#D3BECA
#D3C0C8
#D3C2C6
#D3C4C4
#D3C6C2
#D3C8C0
#D3CABE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts