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 #C2B8DE to #C2DEB8 and to #B8C2DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2BED8
#C2BDD9
#C1BDDA
#C1BCDB
#C1BBDC
#C0BBDD
#C0BADE
#C2C4D2
#C2C3D4
#C1C1D6
#C1C0D8
#C0BEDA
#C0BDDC
#BFBBDE
#C2CACC
#C1C8CF
#C0C6D2
#C0C4D5
#BFC2D8
#BEC0DA
#BDBDDE
#C2D0C6
#C1CDCA
#C0CACE
#BFC7D2
#BEC4D5
#BDC2D9
#BCBEDE
#C2D6C0
#C1D2C5
#BFCFCA
#BECBCE
#BDC8D3
#BCC4D8
#BAC0DE
#C2DEB8
#C0DABE
#BFD5C4
#BDD1CA
#BCCCD0
#BAC8D6
#B8C2DE
Colorpallet from #C2B8DE to #C2DEB8 and to #B8DEC2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2BED8
#C2BED8
#C1BED9
#C1BED9
#C1BED9
#C0BEDA
#C0BEDA
#C2C4D2
#C2C4D2
#C1C4D3
#C1C4D3
#C0C4D4
#C0C4D4
#BFC4D5
#C2CACC
#C1CACD
#C0CACE
#C0CACE
#BFCACF
#BECAD0
#BDCAD1
#C2D0C6
#C1D0C7
#C0D0C8
#BFD0C9
#BED0CA
#BDD0CB
#BCD0CC
#C2D6C0
#C1D6C1
#BFD6C3
#BED6C4
#BDD6C5
#BCD6C6
#BAD6C8
#C2DEB8
#C0DEBA
#BFDEBB
#BDDEBD
#BCDEBE
#BADEC0
#B8DEC2
Colorpallet from #C2B8DE to #C2DEB8 and to #DEC2B8
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2BED8
#C3BDD8
#C3BDD8
#C4BCD8
#C5BBD8
#C5BBD8
#C6BAD8
#C2C4D2
#C3C3D2
#C5C1D2
#C6C0D2
#C8BED2
#C9BDD2
#CBBBD2
#C2CACC
#C4C8CC
#C6C6CC
#C8C4CC
#CAC2CC
#CCC0CC
#CFBDCC
#C2D0C6
#C5CDC6
#C8CAC6
#CBC7C6
#CEC4C6
#D0C2C6
#D4BEC6
#C2D6C0
#C6D2C0
#C9CFC0
#CDCBC0
#D0C8C0
#D4C4C0
#D8C0C0
#C2DEB8
#C6DAB8
#CBD5B8
#CFD1B8
#D4CCB8
#D8C8B8
#DEC2B8
Colorpallet from #C2B8DE to #C2DEB8 and to #DEB8C2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2BED8
#C3BDD8
#C3BCD9
#C4BBD9
#C5BAD9
#C5B9DA
#C6B8DA
#C2C4D2
#C3C2D2
#C5C0D3
#C6BED3
#C8BCD4
#C9BAD4
#CBB8D5
#C2CACC
#C4C7CD
#C6C4CE
#C8C1CE
#CABECF
#CCBCD0
#CFB8D1
#C2D0C6
#C5CCC7
#C8C8C8
#CBC4C9
#CEC1CA
#D0BDCB
#D4B8CC
#C2D6C0
#C6D1C1
#C9CCC3
#CDC8C4
#D0C3C5
#D4BEC6
#D8B8C8
#C2DEB8
#C6D8BA
#CBD2BB
#CFCCBD
#D4C6BE
#D8C0C0
#DEB8C2
Colorpallet from #C2B8DE to #B8C2DE and to #B8DEC2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C0BADE
#C0BBDD
#C0BBDD
#C0BCDC
#C0BDDB
#C0BDDB
#C0BEDA
#BFBBDE
#BFBCDD
#BFBEDB
#BFBFDA
#BFC1D8
#BFC2D7
#BFC4D5
#BDBDDE
#BDBFDC
#BDC1DA
#BDC3D8
#BDC5D6
#BDC7D4
#BDCAD1
#BCBEDE
#BCC1DB
#BCC4D8
#BCC7D5
#BCCAD2
#BCCCD0
#BCD0CC
#BAC0DE
#BAC4DA
#BAC7D7
#BACBD3
#BACED0
#BAD2CC
#BAD6C8
#B8C2DE
#B8C6DA
#B8CBD5
#B8CFD1
#B8D4CC
#B8D8C8
#B8DEC2
Colorpallet from #C2B8DE to #B8C2DE and to #DEC2B8
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C0BADE
#C1BADD
#C2BADC
#C3BADB
#C4BADA
#C5BAD9
#C6BAD8
#BFBBDE
#C1BBDC
#C3BBDA
#C5BBD8
#C7BBD6
#C9BBD4
#CBBBD2
#BDBDDE
#C0BDDB
#C3BDD8
#C6BDD5
#C9BDD2
#CBBDD0
#CFBDCC
#BCBEDE
#C0BEDA
#C4BED6
#C8BED2
#CBBECF
#CFBECB
#D4BEC6
#BAC0DE
#BFC0D9
#C4C0D4
#C8C0D0
#CDC0CB
#D2C0C6
#D8C0C0
#B8C2DE
#BEC2D8
#C4C2D2
#CAC2CC
#D0C2C6
#D6C2C0
#DEC2B8
Colorpallet from #C2B8DE to #B8C2DE and to #DEB8C2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C0BADE
#C1BADD
#C2B9DD
#C3B9DC
#C4B9DB
#C5B8DB
#C6B8DA
#BFBBDE
#C1BBDD
#C3BADB
#C5BADA
#C7B9D8
#C9B9D7
#CBB8D5
#BDBDDE
#C0BCDC
#C3BBDA
#C6BBD8
#C9BAD6
#CBB9D4
#CFB8D1
#BCBEDE
#C0BDDB
#C4BCD8
#C8BBD5
#CBBAD2
#CFB9D0
#D4B8CC
#BAC0DE
#BFBFDA
#C4BDD7
#C8BCD3
#CDBBD0
#D2BACC
#D8B8C8
#B8C2DE
#BEC0DA
#C4BFD5
#CABDD1
#D0BCCC
#D6BAC8
#DEB8C2
Colorpallet from #C2B8DE to #B8DEC2 and to #DEC2B8
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C0BEDA
#C1BDDA
#C2BDD9
#C3BCD9
#C4BBD9
#C5BBD8
#C6BAD8
#BFC4D5
#C1C3D5
#C3C1D4
#C5C0D4
#C7BED3
#C9BDD3
#CBBBD2
#BDCAD1
#C0C8D0
#C3C6CF
#C6C4CF
#C9C2CE
#CBC0CD
#CFBDCC
#BCD0CC
#C0CDCB
#C4CACA
#C8C7C9
#CBC4C8
#CFC2C7
#D4BEC6
#BAD6C8
#BFD2C7
#C4CFC5
#C8CBC4
#CDC8C3
#D2C4C2
#D8C0C0
#B8DEC2
#BEDAC0
#C4D5BF
#CAD1BD
#D0CCBC
#D6C8BA
#DEC2B8
Colorpallet from #C2B8DE to #B8DEC2 and to #DEB8C2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C0BEDA
#C1BDDA
#C2BCDA
#C3BBDA
#C4BADA
#C5B9DA
#C6B8DA
#BFC4D5
#C1C2D5
#C3C0D5
#C5BED5
#C7BCD5
#C9BAD5
#CBB8D5
#BDCAD1
#C0C7D1
#C3C4D1
#C6C1D1
#C9BED1
#CBBCD1
#CFB8D1
#BCD0CC
#C0CCCC
#C4C8CC
#C8C4CC
#CBC1CC
#CFBDCC
#D4B8CC
#BAD6C8
#BFD1C8
#C4CCC8
#C8C8C8
#CDC3C8
#D2BEC8
#D8B8C8
#B8DEC2
#BED8C2
#C4D2C2
#CACCC2
#D0C6C2
#D6C0C2
#DEB8C2
Colorpallet from #C2B8DE to #DEC2B8 and to #DEB8C2
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C2B8DE
#C6BAD8
#C6BAD8
#C6B9D9
#C6B9D9
#C6B9D9
#C6B8DA
#C6B8DA
#CBBBD2
#CBBBD2
#CBBAD3
#CBBAD3
#CBB9D4
#CBB9D4
#CBB8D5
#CFBDCC
#CFBCCD
#CFBBCE
#CFBBCE
#CFBACF
#CFB9D0
#CFB8D1
#D4BEC6
#D4BDC7
#D4BCC8
#D4BBC9
#D4BACA
#D4B9CB
#D4B8CC
#D8C0C0
#D8BFC1
#D8BDC3
#D8BCC4
#D8BBC5
#D8BAC6
#D8B8C8
#DEC2B8
#DEC0BA
#DEBFBB
#DEBDBD
#DEBCBE
#DEBAC0
#DEB8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts