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 #BDECCF to #BDCFEC and to #ECBDCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDE7D4
#BEE7D3
#C0E6D2
#C1E6D2
#C2E5D1
#C3E5D0
#C5E4CF
#BDE3D8
#BFE2D7
#C2E1D5
#C4E0D4
#C7DFD2
#C9DED1
#CCDDCF
#BDDEDD
#C1DDDB
#C4DBD9
#C8DAD6
#CCD8D4
#CFD7D2
#D4D5CF
#BDD9E2
#C2D7DF
#C7D5DC
#CBD4D9
#D0D2D6
#D5D0D3
#DBCECF
#BDD5E6
#C3D3E2
#C9D0DF
#CFCEDB
#D5CBD7
#DBC9D4
#E3C6CF
#BDCFEC
#C5CCE7
#CCC9E3
#D4C6DE
#DBC3D9
#E3C1D5
#ECBDCF
Colorpallet from #BDECCF to #BDCFEC and to #ECCFBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDE7D4
#BEE7D3
#C0E7D1
#C1E7D0
#C2E7CF
#C3E7CE
#C5E7CC
#BDE3D8
#BFE3D6
#C2E3D3
#C4E3D1
#C7E3CE
#C9E3CC
#CCE3C9
#BDDEDD
#C1DED9
#C4DED6
#C8DED2
#CCDECE
#CFDECB
#D4DEC6
#BDD9E2
#C2D9DD
#C7D9D8
#CBD9D3
#D0D9CE
#D5D9C9
#DBD9C3
#BDD5E6
#C3D5E0
#C9D5DA
#CFD5D4
#D5D5CE
#DBD5C8
#E3D5C1
#BDCFEC
#C5CFE4
#CCCFDD
#D4CFD5
#DBCFCE
#E3CFC6
#ECCFBD
Colorpallet from #BDECCF to #BDCFEC and to #CFBDEC
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDE7D4
#BDE7D4
#BEE6D4
#BEE6D4
#BFE5D4
#BFE5D4
#C0E4D4
#BDE3D8
#BEE2D8
#BFE1D8
#C0E0D8
#C1DFD8
#C2DED8
#C3DDD8
#BDDEDD
#BEDDDD
#C0DBDD
#C1DADD
#C3D8DD
#C4D7DD
#C6D5DD
#BDD9E2
#BFD7E2
#C1D5E2
#C3D4E2
#C5D2E2
#C7D0E2
#C9CEE2
#BDD5E6
#BFD3E6
#C1D0E6
#C4CEE6
#C6CBE6
#C8C9E6
#CBC6E6
#BDCFEC
#C0CCEC
#C3C9EC
#C6C6EC
#C9C3EC
#CBC1EC
#CFBDEC
Colorpallet from #BDECCF to #BDCFEC and to #CFECBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDE7D4
#BDE8D3
#BEE9D1
#BEE9D0
#BFEACF
#BFEBCE
#C0ECCC
#BDE3D8
#BEE4D6
#BFE6D3
#C0E7D1
#C1E9CE
#C2EACC
#C3ECC9
#BDDEDD
#BEE0D9
#C0E2D6
#C1E5D2
#C3E7CE
#C4E9CB
#C6ECC6
#BDD9E2
#BFDCDD
#C1DFD8
#C3E2D3
#C5E5CE
#C7E8C9
#C9ECC3
#BDD5E6
#BFD9E0
#C1DCDA
#C4E0D4
#C6E4CE
#C8E7C8
#CBECC1
#BDCFEC
#C0D4E4
#C3D8DD
#C6DDD5
#C9E2CE
#CBE6C6
#CFECBD
Colorpallet from #BDECCF to #ECBDCF and to #ECCFBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C5E4CF
#C5E4CF
#C5E5CE
#C5E5CE
#C5E6CD
#C5E6CD
#C5E7CC
#CCDDCF
#CCDECE
#CCDFCD
#CCE0CC
#CCE1CB
#CCE2CA
#CCE3C9
#D4D5CF
#D4D6CE
#D4D8CC
#D4D9CB
#D4DBC9
#D4DCC8
#D4DEC6
#DBCECF
#DBD0CD
#DBD2CB
#DBD3C9
#DBD5C7
#DBD7C5
#DBD9C3
#E3C6CF
#E3C8CD
#E3CBCB
#E3CDC8
#E3D0C6
#E3D2C4
#E3D5C1
#ECBDCF
#ECC0CC
#ECC3C9
#ECC6C6
#ECC9C3
#ECCBC1
#ECCFBD
Colorpallet from #BDECCF to #ECBDCF and to #CFBDEC
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C5E4CF
#C4E4D0
#C3E4D1
#C3E4D1
#C2E4D2
#C1E4D3
#C0E4D4
#CCDDCF
#CBDDD0
#C9DDD2
#C8DDD3
#C6DDD5
#C5DDD6
#C3DDD8
#D4D5CF
#D2D5D1
#D0D5D3
#CDD5D6
#CBD5D8
#C9D5DA
#C6D5DD
#DBCECF
#D8CED2
#D5CED5
#D2CED8
#CFCEDB
#CDCEDE
#C9CEE2
#E3C6CF
#DFC6D3
#DBC6D6
#D7C6DA
#D4C6DE
#D0C6E1
#CBC6E6
#ECBDCF
#E7BDD4
#E3BDD8
#DEBDDD
#D9BDE2
#D5BDE6
#CFBDEC
Colorpallet from #BDECCF to #ECBDCF and to #CFECBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C5E4CF
#C4E5CF
#C3E7CE
#C3E8CE
#C2E9CD
#C1EACD
#C0ECCC
#CCDDCF
#CBDFCE
#C9E2CD
#C8E4CC
#C6E7CB
#C5E9CA
#C3ECC9
#D4D5CF
#D2D9CE
#D0DCCC
#CDE0CB
#CBE4C9
#C9E7C8
#C6ECC6
#DBCECF
#D8D3CD
#D5D8CB
#D2DCC9
#CFE1C7
#CDE6C5
#C9ECC3
#E3C6CF
#DFCCCD
#DBD2CB
#D7D8C8
#D4DEC6
#D0E4C4
#CBECC1
#ECBDCF
#E7C5CC
#E3CCC9
#DED4C6
#D9DBC3
#D5E3C1
#CFECBD
Colorpallet from #BDECCF to #ECCFBD and to #CFBDEC
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C5E7CC
#C4E7CD
#C3E6CF
#C3E6D0
#C2E5D1
#C1E5D2
#C0E4D4
#CCE3C9
#CBE2CB
#C9E1CE
#C8E0D0
#C6DFD3
#C5DED5
#C3DDD8
#D4DEC6
#D2DDCA
#D0DBCD
#CDDAD1
#CBD8D5
#C9D7D8
#C6D5DD
#DBD9C3
#D8D7C8
#D5D5CD
#D2D4D2
#CFD2D7
#CDD0DC
#C9CEE2
#E3D5C1
#DFD3C7
#DBD0CD
#D7CED3
#D4CBD9
#D0C9DF
#CBC6E6
#ECCFBD
#E7CCC5
#E3C9CC
#DEC6D4
#D9C3DB
#D5C1E3
#CFBDEC
Colorpallet from #BDECCF to #ECCFBD and to #CFECBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C5E7CC
#C4E8CC
#C3E9CC
#C3E9CC
#C2EACC
#C1EBCC
#C0ECCC
#CCE3C9
#CBE4C9
#C9E6C9
#C8E7C9
#C6E9C9
#C5EAC9
#C3ECC9
#D4DEC6
#D2E0C6
#D0E2C6
#CDE5C6
#CBE7C6
#C9E9C6
#C6ECC6
#DBD9C3
#D8DCC3
#D5DFC3
#D2E2C3
#CFE5C3
#CDE8C3
#C9ECC3
#E3D5C1
#DFD9C1
#DBDCC1
#D7E0C1
#D4E4C1
#D0E7C1
#CBECC1
#ECCFBD
#E7D4BD
#E3D8BD
#DEDDBD
#D9E2BD
#D5E6BD
#CFECBD
Colorpallet from #BDECCF to #CFBDEC and to #CFECBD
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#BDECCF
#C0E4D4
#C0E5D3
#C0E7D1
#C0E8D0
#C0E9CF
#C0EACE
#C0ECCC
#C3DDD8
#C3DFD6
#C3E2D3
#C3E4D1
#C3E7CE
#C3E9CC
#C3ECC9
#C6D5DD
#C6D9D9
#C6DCD6
#C6E0D2
#C6E4CE
#C6E7CB
#C6ECC6
#C9CEE2
#C9D3DD
#C9D8D8
#C9DCD3
#C9E1CE
#C9E6C9
#C9ECC3
#CBC6E6
#CBCCE0
#CBD2DA
#CBD8D4
#CBDECE
#CBE4C8
#CBECC1
#CFBDEC
#CFC5E4
#CFCCDD
#CFD4D5
#CFDBCE
#CFE3C6
#CFECBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts