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 #C2B2E5 to #C2E5B2 and to #B2C2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2BADD
#C2B9DE
#C1B8E0
#C1B8E1
#C0B7E2
#C0B6E3
#BFB5E5
#C2C2D5
#C1C0D8
#C0BEDA
#C0BDDD
#BFBBDF
#BEB9E2
#BDB7E5
#C2CACD
#C1C7D1
#BFC5D5
#BEC2D9
#BDC0DC
#BCBDE0
#BABAE5
#C2D3C4
#C0CFC9
#BFCCCF
#BDC8D4
#BCC4D9
#BAC1DE
#B8BCE5
#C2DBBC
#C0D7C3
#BED2C9
#BCCED0
#BAC9D6
#B8C5DD
#B5BFE5
#C2E5B2
#BFDFBA
#BDDAC2
#BAD4CA
#B8CFD3
#B5C9DB
#B2C2E5
Colorpallet from #C2B2E5 to #C2E5B2 and to #B2E5C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2BADD
#C2BADD
#C1BADE
#C1BADE
#C0BADE
#C0BADF
#BFBADF
#C2C2D5
#C1C2D6
#C0C2D7
#C0C2D7
#BFC2D8
#BEC2D9
#BDC2DA
#C2CACD
#C1CACE
#BFCACF
#BECAD0
#BDCAD1
#BCCAD3
#BACAD4
#C2D3C4
#C0D3C6
#BFD3C8
#BDD3C9
#BCD3CB
#BAD3CD
#B8D3CF
#C2DBBC
#C0DBBE
#BEDBC0
#BCDBC2
#BADBC4
#B8DBC6
#B5DBC9
#C2E5B2
#BFE5B5
#BDE5B7
#BAE5BA
#B8E5BC
#B5E5BF
#B2E5C2
Colorpallet from #C2B2E5 to #C2E5B2 and to #E5C2B2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2BADD
#C3B9DD
#C4B8DD
#C5B8DD
#C6B7DD
#C7B6DD
#C8B5DD
#C2C2D5
#C4C0D5
#C6BED5
#C7BDD5
#C9BBD5
#CBB9D5
#CDB7D5
#C2CACD
#C5C7CD
#C7C5CD
#CAC2CD
#CDC0CD
#D0BDCD
#D3BACD
#C2D3C4
#C6CFC4
#C9CCC4
#CDC8C4
#D0C4C4
#D4C1C4
#D8BCC4
#C2DBBC
#C6D7BC
#CBD2BC
#CFCEBC
#D4C9BC
#D8C5BC
#DEBFBC
#C2E5B2
#C8DFB2
#CDDAB2
#D3D4B2
#D8CFB2
#DEC9B2
#E5C2B2
Colorpallet from #C2B2E5 to #C2E5B2 and to #E5B2C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2BADD
#C3B9DD
#C4B7DE
#C5B6DE
#C6B5DE
#C7B4DF
#C8B2DF
#C2C2D5
#C4BFD6
#C6BDD7
#C7BAD7
#C9B8D8
#CBB5D9
#CDB2DA
#C2CACD
#C5C6CE
#C7C2CF
#CABED0
#CDBBD1
#D0B7D3
#D3B2D4
#C2D3C4
#C6CEC6
#C9C8C8
#CDC3C9
#D0BECB
#D4B9CD
#D8B2CF
#C2DBBC
#C6D4BE
#CBCEC0
#CFC7C2
#D4C1C4
#D8BAC6
#DEB2C9
#C2E5B2
#C8DDB5
#CDD5B7
#D3CDBA
#D8C4BC
#DEBCBF
#E5B2C2
Colorpallet from #C2B2E5 to #B2C2E5 and to #B2E5C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#BFB5E5
#BFB6E4
#BFB7E3
#BFB7E2
#BFB8E1
#BFB9E0
#BFBADF
#BDB7E5
#BDB9E3
#BDBBE1
#BDBCE0
#BDBEDE
#BDC0DC
#BDC2DA
#BABAE5
#BABDE2
#BABFE0
#BAC2DD
#BAC4DA
#BAC7D7
#BACAD4
#B8BCE5
#B8C0E1
#B8C3DE
#B8C7DA
#B8CBD7
#B8CED3
#B8D3CF
#B5BFE5
#B5C3E1
#B5C8DC
#B5CCD8
#B5D1D3
#B5D5CF
#B5DBC9
#B2C2E5
#B2C8DF
#B2CDDA
#B2D3D4
#B2D8CF
#B2DEC9
#B2E5C2
Colorpallet from #C2B2E5 to #B2C2E5 and to #E5C2B2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#BFB5E5
#C0B5E4
#C2B5E2
#C3B5E1
#C5B5E0
#C6B5DF
#C8B5DD
#BDB7E5
#C0B7E2
#C2B7E0
#C5B7DD
#C7B7DB
#CAB7D8
#CDB7D5
#BABAE5
#BEBAE1
#C2BADD
#C6BAD9
#CABAD6
#CEBAD2
#D3BACD
#B8BCE5
#BDBCE0
#C2BCDA
#C7BCD5
#CCBCD0
#D2BCCB
#D8BCC4
#B5BFE5
#BCBFDE
#C2BFD8
#C9BFD1
#CFBFCB
#D6BFC4
#DEBFBC
#B2C2E5
#BAC2DD
#C2C2D5
#CAC2CD
#D3C2C4
#DBC2BC
#E5C2B2
Colorpallet from #C2B2E5 to #B2C2E5 and to #E5B2C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#BFB5E5
#C0B5E4
#C2B4E3
#C3B4E2
#C5B3E1
#C6B3E0
#C8B2DF
#BDB7E5
#C0B6E3
#C2B5E1
#C5B5E0
#C7B4DE
#CAB3DC
#CDB2DA
#BABAE5
#BEB9E2
#C2B7E0
#C6B6DD
#CAB5DA
#CEB4D7
#D3B2D4
#B8BCE5
#BDBAE1
#C2B9DE
#C7B7DA
#CCB6D7
#D2B4D3
#D8B2CF
#B5BFE5
#BCBDE1
#C2BBDC
#C9B9D8
#CFB7D3
#D6B5CF
#DEB2C9
#B2C2E5
#BABFDF
#C2BDDA
#CABAD4
#D3B8CF
#DBB5C9
#E5B2C2
Colorpallet from #C2B2E5 to #B2E5C2 and to #E5C2B2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#BFBADF
#C0B9DF
#C2B8DE
#C3B8DE
#C5B7DE
#C6B6DD
#C8B5DD
#BDC2DA
#C0C0D9
#C2BED8
#C5BDD8
#C7BBD7
#CAB9D6
#CDB7D5
#BACAD4
#BEC7D3
#C2C5D2
#C6C2D1
#CAC0D0
#CEBDCE
#D3BACD
#B8D3CF
#BDCFCD
#C2CCCB
#C7C8CA
#CCC4C8
#D2C1C6
#D8BCC4
#B5DBC9
#BCD7C7
#C2D2C5
#C9CEC3
#CFC9C1
#D6C5BF
#DEBFBC
#B2E5C2
#BADFBF
#C2DABD
#CAD4BA
#D3CFB8
#DBC9B5
#E5C2B2
Colorpallet from #C2B2E5 to #B2E5C2 and to #E5B2C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#BFBADF
#C0B9DF
#C2B7DF
#C3B6DF
#C5B5DF
#C6B4DF
#C8B2DF
#BDC2DA
#C0BFDA
#C2BDDA
#C5BADA
#C7B8DA
#CAB5DA
#CDB2DA
#BACAD4
#BEC6D4
#C2C2D4
#C6BED4
#CABBD4
#CEB7D4
#D3B2D4
#B8D3CF
#BDCECF
#C2C8CF
#C7C3CF
#CCBECF
#D2B9CF
#D8B2CF
#B5DBC9
#BCD4C9
#C2CEC9
#C9C7C9
#CFC1C9
#D6BAC9
#DEB2C9
#B2E5C2
#BADDC2
#C2D5C2
#CACDC2
#D3C4C2
#DBBCC2
#E5B2C2
Colorpallet from #C2B2E5 to #E5C2B2 and to #E5B2C2
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C2B2E5
#C8B5DD
#C8B5DD
#C8B4DE
#C8B4DE
#C8B3DE
#C8B3DF
#C8B2DF
#CDB7D5
#CDB6D6
#CDB5D7
#CDB5D7
#CDB4D8
#CDB3D9
#CDB2DA
#D3BACD
#D3B9CE
#D3B7CF
#D3B6D0
#D3B5D1
#D3B4D3
#D3B2D4
#D8BCC4
#D8BAC6
#D8B9C8
#D8B7C9
#D8B6CB
#D8B4CD
#D8B2CF
#DEBFBC
#DEBDBE
#DEBBC0
#DEB9C2
#DEB7C4
#DEB5C6
#DEB2C9
#E5C2B2
#E5BFB5
#E5BDB7
#E5BABA
#E5B8BC
#E5B5BF
#E5B2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts