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 #BECFDB to #BEDBCF and to #CFBEDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BED1D9
#BED0D9
#BFCFDA
#BFCFDA
#C0CEDA
#C0CDDB
#C1CCDB
#BED3D7
#BFD2D8
#C0D0D8
#C0CFD9
#C1CDDA
#C2CCDA
#C3CADB
#BED5D5
#BFD3D6
#C1D1D7
#C2CED8
#C3CCD9
#C4CADA
#C6C7DB
#BED7D3
#C0D4D4
#C2D1D6
#C3CED7
#C5CBD8
#C7C8D9
#C9C4DB
#BED9D1
#C0D5D3
#C2D1D4
#C5CDD6
#C7CAD7
#C9C6D9
#CCC1DB
#BEDBCF
#C1D6D1
#C3D2D3
#C6CDD5
#C9C8D7
#CCC4D9
#CFBEDB
Colorpallet from #BECFDB to #BEDBCF and to #CFDBBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BED1D9
#BED1D9
#BFD1D8
#BFD1D8
#C0D1D7
#C0D1D7
#C1D1D6
#BED3D7
#BFD3D6
#C0D3D5
#C0D3D5
#C1D3D4
#C2D3D3
#C3D3D2
#BED5D5
#BFD5D4
#C1D5D2
#C2D5D1
#C3D5D0
#C4D5CF
#C6D5CD
#BED7D3
#C0D7D1
#C2D7CF
#C3D7CE
#C5D7CC
#C7D7CA
#C9D7C8
#BED9D1
#C0D9CF
#C2D9CD
#C5D9CB
#C7D9C9
#C9D9C7
#CCD9C4
#BEDBCF
#C1DBCC
#C3DBCA
#C6DBC7
#C9DBC4
#CCDBC1
#CFDBBE
Colorpallet from #BECFDB to #BEDBCF and to #DBBECF
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BED1D9
#BFD0D9
#C0CFD9
#C0CFD9
#C1CED9
#C2CDD9
#C3CCD9
#BED3D7
#BFD2D7
#C1D0D7
#C2CFD7
#C4CDD7
#C5CCD7
#C7CAD7
#BED5D5
#C0D3D5
#C2D1D5
#C5CED5
#C7CCD5
#C9CAD5
#CCC7D5
#BED7D3
#C1D4D3
#C4D1D3
#C7CED3
#CACBD3
#CDC8D3
#D1C4D3
#BED9D1
#C2D5D1
#C5D1D1
#C9CDD1
#CDCAD1
#D0C6D1
#D5C1D1
#BEDBCF
#C3D6CF
#C7D2CF
#CCCDCF
#D1C8CF
#D5C4CF
#DBBECF
Colorpallet from #BECFDB to #BEDBCF and to #DBCFBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BED1D9
#BFD1D9
#C0D0D8
#C0D0D8
#C1D0D7
#C2CFD7
#C3CFD6
#BED3D7
#BFD2D6
#C1D2D5
#C2D1D5
#C4D0D4
#C5D0D3
#C7CFD2
#BED5D5
#C0D4D4
#C2D3D2
#C5D2D1
#C7D1D0
#C9D0CF
#CCCFCD
#BED7D3
#C1D6D1
#C4D4CF
#C7D3CE
#CAD2CC
#CDD1CA
#D1CFC8
#BED9D1
#C2D7CF
#C5D6CD
#C9D4CB
#CDD3C9
#D0D1C7
#D5CFC4
#BEDBCF
#C3D9CC
#C7D7CA
#CCD5C7
#D1D3C4
#D5D1C1
#DBCFBE
Colorpallet from #BECFDB to #CFBEDB and to #CFDBBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C1CCDB
#C1CDDA
#C1CED9
#C1CED9
#C1CFD8
#C1D0D7
#C1D1D6
#C3CADB
#C3CBDA
#C3CDD8
#C3CED7
#C3D0D5
#C3D1D4
#C3D3D2
#C6C7DB
#C6C9D9
#C6CBD7
#C6CED4
#C6D0D2
#C6D2D0
#C6D5CD
#C9C4DB
#C9C7D8
#C9CAD5
#C9CDD2
#C9D0CF
#C9D3CC
#C9D7C8
#CCC1DB
#CCC5D7
#CCC9D4
#CCCDD0
#CCD0CC
#CCD4C9
#CCD9C4
#CFBEDB
#CFC3D6
#CFC7D2
#CFCCCD
#CFD1C8
#CFD5C4
#CFDBBE
Colorpallet from #BECFDB to #CFBEDB and to #DBBECF
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C1CCDB
#C1CCDB
#C2CCDA
#C2CCDA
#C2CCDA
#C3CCD9
#C3CCD9
#C3CADB
#C4CADA
#C4CADA
#C5CAD9
#C6CAD8
#C6CAD8
#C7CAD7
#C6C7DB
#C7C7DA
#C8C7D9
#C9C7D8
#CAC7D7
#CBC7D6
#CCC7D5
#C9C4DB
#CAC4DA
#CCC4D8
#CDC4D7
#CEC4D6
#CFC4D5
#D1C4D3
#CCC1DB
#CDC1D9
#CFC1D8
#D0C1D6
#D2C1D5
#D3C1D3
#D5C1D1
#CFBEDB
#D1BED9
#D3BED7
#D5BED5
#D7BED3
#D9BED1
#DBBECF
Colorpallet from #BECFDB to #CFBEDB and to #DBCFBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C1CCDB
#C1CCDA
#C2CDD9
#C2CDD9
#C2CED8
#C3CED7
#C3CFD6
#C3CADB
#C4CBDA
#C4CCD8
#C5CCD7
#C6CDD5
#C6CED4
#C7CFD2
#C6C7DB
#C7C8D9
#C8CAD7
#C9CBD4
#CACCD2
#CBCDD0
#CCCFCD
#C9C4DB
#CAC6D8
#CCC8D5
#CDC9D2
#CECBCF
#CFCDCC
#D1CFC8
#CCC1DB
#CDC3D7
#CFC5D4
#D0C8D0
#D2CACC
#D3CCC9
#D5CFC4
#CFBEDB
#D1C1D6
#D3C3D2
#D5C6CD
#D7C9C8
#D9CCC4
#DBCFBE
Colorpallet from #BECFDB to #CFDBBE and to #DBBECF
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C1D1D6
#C1D0D6
#C2CFD7
#C2CFD7
#C2CED8
#C3CDD8
#C3CCD9
#C3D3D2
#C4D2D3
#C4D0D4
#C5CFD4
#C6CDD5
#C6CCD6
#C7CAD7
#C6D5CD
#C7D3CE
#C8D1D0
#C9CED1
#CACCD2
#CBCAD3
#CCC7D5
#C9D7C8
#CAD4CA
#CCD1CC
#CDCECD
#CECBCF
#CFC8D1
#D1C4D3
#CCD9C4
#CDD5C6
#CFD1C8
#D0CDCA
#D2CACC
#D3C6CE
#D5C1D1
#CFDBBE
#D1D6C1
#D3D2C3
#D5CDC6
#D7C8C9
#D9C4CC
#DBBECF
Colorpallet from #BECFDB to #CFDBBE and to #DBCFBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C1D1D6
#C1D1D6
#C2D0D6
#C2D0D6
#C2D0D6
#C3CFD6
#C3CFD6
#C3D3D2
#C4D2D2
#C4D2D2
#C5D1D2
#C6D0D2
#C6D0D2
#C7CFD2
#C6D5CD
#C7D4CD
#C8D3CD
#C9D2CD
#CAD1CD
#CBD0CD
#CCCFCD
#C9D7C8
#CAD6C8
#CCD4C8
#CDD3C8
#CED2C8
#CFD1C8
#D1CFC8
#CCD9C4
#CDD7C4
#CFD6C4
#D0D4C4
#D2D3C4
#D3D1C4
#D5CFC4
#CFDBBE
#D1D9BE
#D3D7BE
#D5D5BE
#D7D3BE
#D9D1BE
#DBCFBE
Colorpallet from #BECFDB to #DBBECF and to #DBCFBE
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#BECFDB
#C3CCD9
#C3CCD9
#C3CDD8
#C3CDD8
#C3CED7
#C3CED7
#C3CFD6
#C7CAD7
#C7CBD6
#C7CCD5
#C7CCD5
#C7CDD4
#C7CED3
#C7CFD2
#CCC7D5
#CCC8D4
#CCCAD2
#CCCBD1
#CCCCD0
#CCCDCF
#CCCFCD
#D1C4D3
#D1C6D1
#D1C8CF
#D1C9CE
#D1CBCC
#D1CDCA
#D1CFC8
#D5C1D1
#D5C3CF
#D5C5CD
#D5C8CB
#D5CAC9
#D5CCC7
#D5CFC4
#DBBECF
#DBC1CC
#DBC3CA
#DBC6C7
#DBC9C4
#DBCCC1
#DBCFBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts