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 #BCECC3 to #BCC3EC and to #ECBCC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCE5CA
#BDE5C9
#BFE5C8
#C0E5C7
#C1E4C6
#C2E4C4
#C4E4C3
#BCDFD0
#BEDFCE
#C1DECC
#C3DECA
#C6DEC8
#C8DDC6
#CBDDC3
#BCD8D7
#C0D8D4
#C3D7D1
#C7D7CD
#CBD6CA
#CED6C7
#D3D5C3
#BCD2DD
#C1D1D9
#C6D0D5
#CBD0D1
#D0CFCC
#D5CEC8
#DBCDC3
#BCCBE4
#C2CADF
#C8C9D9
#CEC9D4
#D4C8CF
#DAC7CA
#E2C6C3
#BCC3EC
#C4C2E5
#CBC1DF
#D3C0D8
#DBBFD2
#E2BDCB
#ECBCC3
Colorpallet from #BCECC3 to #BCC3EC and to #ECC3BC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCE5CA
#BDE5C9
#BFE5C7
#C0E5C6
#C1E5C5
#C2E5C4
#C4E5C2
#BCDFD0
#BEDFCE
#C1DFCB
#C3DFC9
#C6DFC6
#C8DFC4
#CBDFC1
#BCD8D7
#C0D8D3
#C3D8D0
#C7D8CC
#CBD8C8
#CED8C5
#D3D8C0
#BCD2DD
#C1D2D8
#C6D2D3
#CBD2CF
#D0D2CA
#D5D2C5
#DBD2BF
#BCCBE4
#C2CBDE
#C8CBD8
#CECBD1
#D4CBCB
#DACBC5
#E2CBBD
#BCC3EC
#C4C3E4
#CBC3DD
#D3C3D5
#DBC3CD
#E2C3C6
#ECC3BC
Colorpallet from #BCECC3 to #BCC3EC and to #C3BCEC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCE5CA
#BCE5CA
#BCE5CA
#BCE5CA
#BDE4CA
#BDE4CA
#BDE4CA
#BCDFD0
#BCDFD0
#BDDED0
#BDDED0
#BDDED0
#BEDDD0
#BEDDD0
#BCD8D7
#BCD8D7
#BDD7D7
#BDD7D7
#BED6D7
#BED6D7
#BFD5D7
#BCD2DD
#BDD1DD
#BDD0DD
#BED0DD
#BFCFDD
#BFCEDD
#C0CDDD
#BCCBE4
#BDCAE4
#BEC9E4
#BFC9E4
#C0C8E4
#C1C7E4
#C2C6E4
#BCC3EC
#BDC2EC
#BEC1EC
#BFC0EC
#C0BFEC
#C2BDEC
#C3BCEC
Colorpallet from #BCECC3 to #BCC3EC and to #C3ECBC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCE5CA
#BCE6C9
#BCE7C7
#BCE8C6
#BDE9C5
#BDEBC4
#BDECC2
#BCDFD0
#BCE1CE
#BDE3CB
#BDE5C9
#BDE7C6
#BEE9C4
#BEECC1
#BCD8D7
#BCDBD3
#BDDED0
#BDE2CC
#BEE5C8
#BEE8C5
#BFECC0
#BCD2DD
#BDD6D8
#BDDAD3
#BEDECF
#BFE3CA
#BFE7C5
#C0ECBF
#BCCBE4
#BDD0DE
#BED6D8
#BFDBD1
#C0E0CB
#C1E5C5
#C2ECBD
#BCC3EC
#BDCAE4
#BED0DD
#BFD7D5
#C0DDCD
#C2E4C6
#C3ECBC
Colorpallet from #BCECC3 to #ECBCC3 and to #ECC3BC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#C4E4C3
#C4E4C3
#C4E4C3
#C4E4C3
#C4E5C2
#C4E5C2
#C4E5C2
#CBDDC3
#CBDDC3
#CBDEC2
#CBDEC2
#CBDEC2
#CBDFC1
#CBDFC1
#D3D5C3
#D3D5C3
#D3D6C2
#D3D6C2
#D3D7C1
#D3D7C1
#D3D8C0
#DBCDC3
#DBCEC2
#DBCFC2
#DBCFC1
#DBD0C0
#DBD1C0
#DBD2BF
#E2C6C3
#E2C7C2
#E2C8C1
#E2C8C0
#E2C9BF
#E2CABE
#E2CBBD
#ECBCC3
#ECBDC2
#ECBEC1
#ECBFC0
#ECC0BF
#ECC2BD
#ECC3BC
Colorpallet from #BCECC3 to #ECBCC3 and to #C3BCEC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#C4E4C3
#C3E4C4
#C2E4C5
#C1E4C6
#C0E4C7
#BEE4C9
#BDE4CA
#CBDDC3
#C9DDC5
#C7DDC7
#C5DDC9
#C3DDCB
#C1DDCD
#BEDDD0
#D3D5C3
#D0D5C6
#CDD5C9
#C9D5CD
#C6D5D0
#C3D5D3
#BFD5D7
#DBCDC3
#D7CDC7
#D2CDCB
#CECDCF
#CACDD4
#C5CDD8
#C0CDDD
#E2C6C3
#DDC6C8
#D8C6CE
#D3C6D3
#CEC6D8
#C8C6DD
#C2C6E4
#ECBCC3
#E5BCCA
#DFBCD0
#D8BCD7
#D2BCDD
#CBBCE4
#C3BCEC
Colorpallet from #BCECC3 to #ECBCC3 and to #C3ECBC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#C4E4C3
#C3E5C3
#C2E7C3
#C1E8C3
#C0E9C2
#BEEAC2
#BDECC2
#CBDDC3
#C9DFC3
#C7E2C2
#C5E4C2
#C3E7C2
#C1E9C1
#BEECC1
#D3D5C3
#D0D9C3
#CDDCC2
#C9E0C2
#C6E4C1
#C3E7C1
#BFECC0
#DBCDC3
#D7D2C2
#D2D7C2
#CEDCC1
#CAE1C0
#C5E6C0
#C0ECBF
#E2C6C3
#DDCCC2
#D8D2C1
#D3D8C0
#CEDEBF
#C8E4BE
#C2ECBD
#ECBCC3
#E5C4C2
#DFCBC1
#D8D3C0
#D2DBBF
#CBE2BD
#C3ECBC
Colorpallet from #BCECC3 to #ECC3BC and to #C3BCEC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#C4E5C2
#C3E5C3
#C2E5C5
#C1E5C6
#C0E4C7
#BEE4C8
#BDE4CA
#CBDFC1
#C9DFC3
#C7DEC6
#C5DEC8
#C3DECB
#C1DDCD
#BEDDD0
#D3D8C0
#D0D8C4
#CDD7C7
#C9D7CB
#C6D6CF
#C3D6D2
#BFD5D7
#DBD2BF
#D7D1C4
#D2D0C9
#CED0CD
#CACFD2
#C5CED7
#C0CDDD
#E2CBBD
#DDCAC3
#D8C9C9
#D3C9D0
#CEC8D6
#C8C7DC
#C2C6E4
#ECC3BC
#E5C2C4
#DFC1CB
#D8C0D3
#D2BFDB
#CBBDE2
#C3BCEC
Colorpallet from #BCECC3 to #ECC3BC and to #C3ECBC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#C4E5C2
#C3E6C2
#C2E7C2
#C1E8C2
#C0E9C2
#BEEBC2
#BDECC2
#CBDFC1
#C9E1C1
#C7E3C1
#C5E5C1
#C3E7C1
#C1E9C1
#BEECC1
#D3D8C0
#D0DBC0
#CDDEC0
#C9E2C0
#C6E5C0
#C3E8C0
#BFECC0
#DBD2BF
#D7D6BF
#D2DABF
#CEDEBF
#CAE3BF
#C5E7BF
#C0ECBF
#E2CBBD
#DDD0BD
#D8D6BD
#D3DBBD
#CEE0BD
#C8E5BD
#C2ECBD
#ECC3BC
#E5CABC
#DFD0BC
#D8D7BC
#D2DDBC
#CBE4BC
#C3ECBC
Colorpallet from #BCECC3 to #C3BCEC and to #C3ECBC
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BCECC3
#BDE4CA
#BDE5C9
#BDE7C7
#BDE8C6
#BDE9C5
#BDEAC4
#BDECC2
#BEDDD0
#BEDFCE
#BEE2CB
#BEE4C9
#BEE7C6
#BEE9C4
#BEECC1
#BFD5D7
#BFD9D3
#BFDCD0
#BFE0CC
#BFE4C8
#BFE7C5
#BFECC0
#C0CDDD
#C0D2D8
#C0D7D3
#C0DCCF
#C0E1CA
#C0E6C5
#C0ECBF
#C2C6E4
#C2CCDE
#C2D2D8
#C2D8D1
#C2DECB
#C2E4C5
#C2ECBD
#C3BCEC
#C3C4E4
#C3CBDD
#C3D3D5
#C3DBCD
#C3E2C6
#C3ECBC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts