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 #BDCFDB to #BDDBCF and to #CFBDDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDD1D9
#BDD0D9
#BECFDA
#BECFDA
#BFCEDA
#BFCDDB
#C0CCDB
#BDD3D7
#BED1D8
#BFD0D8
#C0CED9
#C1CDDA
#C2CBDA
#C3C9DB
#BDD5D5
#BED3D6
#C0D0D7
#C1CED8
#C3CBD9
#C4C9DA
#C6C6DB
#BDD7D3
#BFD4D4
#C1D1D6
#C3CDD7
#C5CAD8
#C7C7D9
#C9C3DB
#BDD9D1
#BFD5D3
#C1D1D4
#C4CDD6
#C6CAD7
#C8C6D9
#CBC1DB
#BDDBCF
#C0D6D1
#C3D1D3
#C6CDD5
#C9C8D7
#CBC3D9
#CFBDDB
Colorpallet from #BDCFDB to #BDDBCF and to #CFDBBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDD1D9
#BDD1D9
#BED1D8
#BED1D8
#BFD1D7
#BFD1D7
#C0D1D6
#BDD3D7
#BED3D6
#BFD3D5
#C0D3D4
#C1D3D3
#C2D3D2
#C3D3D1
#BDD5D5
#BED5D4
#C0D5D2
#C1D5D1
#C3D5D0
#C4D5CF
#C6D5CD
#BDD7D3
#BFD7D1
#C1D7CF
#C3D7CE
#C5D7CC
#C7D7CA
#C9D7C8
#BDD9D1
#BFD9CF
#C1D9CD
#C4D9CA
#C6D9C8
#C8D9C6
#CBD9C3
#BDDBCF
#C0DBCC
#C3DBC9
#C6DBC6
#C9DBC3
#CBDBC1
#CFDBBD
Colorpallet from #BDCFDB to #BDDBCF and to #DBBDCF
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDD1D9
#BED0D9
#BFCFD9
#BFCFD9
#C0CED9
#C1CDD9
#C2CCD9
#BDD3D7
#BFD1D7
#C0D0D7
#C2CED7
#C3CDD7
#C5CBD7
#C7C9D7
#BDD5D5
#BFD3D5
#C1D0D5
#C4CED5
#C6CBD5
#C8C9D5
#CBC6D5
#BDD7D3
#C0D4D3
#C3D1D3
#C6CDD3
#C9CAD3
#CCC7D3
#D0C3D3
#BDD9D1
#C1D5D1
#C5D1D1
#C9CDD1
#CCCAD1
#D0C6D1
#D5C1D1
#BDDBCF
#C2D6CF
#C7D1CF
#CBCDCF
#D0C8CF
#D5C3CF
#DBBDCF
Colorpallet from #BDCFDB to #BDDBCF and to #DBCFBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDD1D9
#BED1D9
#BFD0D8
#BFD0D8
#C0D0D7
#C1CFD7
#C2CFD6
#BDD3D7
#BFD2D6
#C0D2D5
#C2D1D4
#C3D0D3
#C5D0D2
#C7CFD1
#BDD5D5
#BFD4D4
#C1D3D2
#C4D2D1
#C6D1D0
#C8D0CF
#CBCFCD
#BDD7D3
#C0D6D1
#C3D4CF
#C6D3CE
#C9D2CC
#CCD1CA
#D0CFC8
#BDD9D1
#C1D7CF
#C5D6CD
#C9D4CA
#CCD3C8
#D0D1C6
#D5CFC3
#BDDBCF
#C2D9CC
#C7D7C9
#CBD5C6
#D0D3C3
#D5D1C1
#DBCFBD
Colorpallet from #BDCFDB to #CFBDDB and to #CFDBBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C0CCDB
#C0CDDA
#C0CED9
#C0CED9
#C0CFD8
#C0D0D7
#C0D1D6
#C3C9DB
#C3CBD9
#C3CCD8
#C3CED6
#C3CFD5
#C3D1D3
#C3D3D1
#C6C6DB
#C6C8D9
#C6CBD7
#C6CDD4
#C6D0D2
#C6D2D0
#C6D5CD
#C9C3DB
#C9C6D8
#C9C9D5
#C9CDD2
#C9D0CF
#C9D3CC
#C9D7C8
#CBC1DB
#CBC5D7
#CBC9D3
#CBCDCF
#CBD0CC
#CBD4C8
#CBD9C3
#CFBDDB
#CFC2D6
#CFC7D1
#CFCBCD
#CFD0C8
#CFD5C3
#CFDBBD
Colorpallet from #BDCFDB to #CFBDDB and to #DBBDCF
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C0CCDB
#C0CCDB
#C1CCDA
#C1CCDA
#C1CCDA
#C2CCD9
#C2CCD9
#C3C9DB
#C4C9DA
#C4C9DA
#C5C9D9
#C6C9D8
#C6C9D8
#C7C9D7
#C6C6DB
#C7C6DA
#C8C6D9
#C8C6D8
#C9C6D7
#CAC6D6
#CBC6D5
#C9C3DB
#CAC3DA
#CBC3D8
#CCC3D7
#CDC3D6
#CFC3D5
#D0C3D3
#CBC1DB
#CDC1D9
#CEC1D8
#D0C1D6
#D1C1D5
#D3C1D3
#D5C1D1
#CFBDDB
#D1BDD9
#D3BDD7
#D5BDD5
#D7BDD3
#D9BDD1
#DBBDCF
Colorpallet from #BDCFDB to #CFBDDB and to #DBCFBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C0CCDB
#C0CCDA
#C1CDD9
#C1CDD9
#C1CED8
#C2CED7
#C2CFD6
#C3C9DB
#C4CAD9
#C4CBD8
#C5CCD6
#C6CDD5
#C6CED3
#C7CFD1
#C6C6DB
#C7C7D9
#C8C9D7
#C8CAD4
#C9CCD2
#CACDD0
#CBCFCD
#C9C3DB
#CAC5D8
#CBC7D5
#CCC9D2
#CDCBCF
#CFCDCC
#D0CFC8
#CBC1DB
#CDC3D7
#CEC5D3
#D0C8CF
#D1CACC
#D3CCC8
#D5CFC3
#CFBDDB
#D1C0D6
#D3C3D1
#D5C6CD
#D7C9C8
#D9CBC3
#DBCFBD
Colorpallet from #BDCFDB to #CFDBBD and to #DBBDCF
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C0D1D6
#C0D0D6
#C1CFD7
#C1CFD7
#C1CED8
#C2CDD8
#C2CCD9
#C3D3D1
#C4D1D2
#C4D0D3
#C5CED4
#C6CDD5
#C6CBD6
#C7C9D7
#C6D5CD
#C7D3CE
#C8D0D0
#C8CED1
#C9CBD2
#CAC9D3
#CBC6D5
#C9D7C8
#CAD4CA
#CBD1CC
#CCCDCD
#CDCACF
#CFC7D1
#D0C3D3
#CBD9C3
#CDD5C5
#CED1C7
#D0CDCA
#D1CACC
#D3C6CE
#D5C1D1
#CFDBBD
#D1D6C0
#D3D1C3
#D5CDC6
#D7C8C9
#D9C3CB
#DBBDCF
Colorpallet from #BDCFDB to #CFDBBD and to #DBCFBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C0D1D6
#C0D1D6
#C1D0D6
#C1D0D6
#C1D0D6
#C2CFD6
#C2CFD6
#C3D3D1
#C4D2D1
#C4D2D1
#C5D1D1
#C6D0D1
#C6D0D1
#C7CFD1
#C6D5CD
#C7D4CD
#C8D3CD
#C8D2CD
#C9D1CD
#CAD0CD
#CBCFCD
#C9D7C8
#CAD6C8
#CBD4C8
#CCD3C8
#CDD2C8
#CFD1C8
#D0CFC8
#CBD9C3
#CDD7C3
#CED6C3
#D0D4C3
#D1D3C3
#D3D1C3
#D5CFC3
#CFDBBD
#D1D9BD
#D3D7BD
#D5D5BD
#D7D3BD
#D9D1BD
#DBCFBD
Colorpallet from #BDCFDB to #DBBDCF and to #DBCFBD
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#BDCFDB
#C2CCD9
#C2CCD9
#C2CDD8
#C2CDD8
#C2CED7
#C2CED7
#C2CFD6
#C7C9D7
#C7CAD6
#C7CBD5
#C7CCD4
#C7CDD3
#C7CED2
#C7CFD1
#CBC6D5
#CBC7D4
#CBC9D2
#CBCAD1
#CBCCD0
#CBCDCF
#CBCFCD
#D0C3D3
#D0C5D1
#D0C7CF
#D0C9CE
#D0CBCC
#D0CDCA
#D0CFC8
#D5C1D1
#D5C3CF
#D5C5CD
#D5C8CA
#D5CAC8
#D5CCC6
#D5CFC3
#DBBDCF
#DBC0CC
#DBC3C9
#DBC6C6
#DBC9C3
#DBCBC1
#DBCFBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts