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 #B2C2E5 to #B2E5C2 and to #C2B2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C8DF
#B2C7E0
#B3C5E1
#B3C4E2
#B4C2E3
#B4C1E4
#B5BFE5
#B2CDDA
#B3CADC
#B4C8DE
#B4C5DF
#B5C3E1
#B6C0E3
#B7BDE5
#B2D3D4
#B3CFD7
#B5CBD9
#B6C7DC
#B7C3DF
#B8BFE2
#BABAE5
#B2D8CF
#B4D3D3
#B5CED6
#B7C9DA
#B8C4DD
#BABEE1
#BCB8E5
#B2DEC9
#B4D7CD
#B6D1D2
#B8CAD6
#BAC4DB
#BCBDDF
#BFB5E5
#B2E5C2
#B5DDC8
#B7D5CD
#BACDD3
#BCC4D8
#BFBCDE
#C2B2E5
Colorpallet from #B2C2E5 to #B2E5C2 and to #C2E5B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C8DF
#B2C8DF
#B3C8DE
#B3C8DE
#B4C8DE
#B4C8DD
#B5C8DD
#B2CDDA
#B3CDD9
#B4CDD8
#B4CDD8
#B5CDD7
#B6CDD6
#B7CDD5
#B2D3D4
#B3D3D3
#B5D3D2
#B6D3D1
#B7D3D0
#B8D3CE
#BAD3CD
#B2D8CF
#B4D8CD
#B5D8CB
#B7D8CA
#B8D8C8
#BAD8C6
#BCD8C4
#B2DEC9
#B4DEC7
#B6DEC5
#B8DEC3
#BADEC1
#BCDEBF
#BFDEBC
#B2E5C2
#B5E5BF
#B7E5BD
#BAE5BA
#BCE5B8
#BFE5B5
#C2E5B2
Colorpallet from #B2C2E5 to #B2E5C2 and to #E5B2C2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C8DF
#B3C7DF
#B5C5DF
#B6C4DF
#B7C2DF
#B8C1DF
#BABFDF
#B2CDDA
#B5CADA
#B7C8DA
#BAC5DA
#BCC3DA
#BFC0DA
#C2BDDA
#B2D3D4
#B6CFD4
#BACBD4
#BEC7D4
#C1C3D4
#C5BFD4
#CABAD4
#B2D8CF
#B7D3CF
#BDCECF
#C2C9CF
#C7C4CF
#CCBECF
#D3B8CF
#B2DEC9
#B9D7C9
#BFD1C9
#C6CAC9
#CCC4C9
#D3BDC9
#DBB5C9
#B2E5C2
#BADDC2
#C2D5C2
#CACDC2
#D3C4C2
#DBBCC2
#E5B2C2
Colorpallet from #B2C2E5 to #B2E5C2 and to #E5C2B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C8DF
#B3C7DF
#B5C6DE
#B6C5DE
#B7C4DE
#B8C3DD
#BAC2DD
#B2CDDA
#B5CBD9
#B7C9D8
#BAC8D8
#BCC6D7
#BFC4D6
#C2C2D5
#B2D3D4
#B6D0D3
#BACED2
#BECBD1
#C1C8D0
#C5C5CE
#CAC2CD
#B2D8CF
#B7D4CD
#BDD1CB
#C2CDCA
#C7CAC8
#CCC6C6
#D3C2C4
#B2DEC9
#B9DAC7
#BFD5C5
#C6D1C3
#CCCCC1
#D3C8BF
#DBC2BC
#B2E5C2
#BADFBF
#C2DABD
#CAD4BA
#D3CFB8
#DBC9B5
#E5C2B2
Colorpallet from #B2C2E5 to #C2B2E5 and to #C2E5B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B5BFE5
#B5C0E4
#B5C2E2
#B5C3E1
#B5C5E0
#B5C6DF
#B5C8DD
#B7BDE5
#B7C0E2
#B7C2E0
#B7C5DD
#B7C7DB
#B7CAD8
#B7CDD5
#BABAE5
#BABEE1
#BAC2DD
#BAC6D9
#BACAD6
#BACED2
#BAD3CD
#BCB8E5
#BCBDE0
#BCC2DA
#BCC7D5
#BCCCD0
#BCD2CB
#BCD8C4
#BFB5E5
#BFBCDE
#BFC2D8
#BFC9D1
#BFCFCB
#BFD6C4
#BFDEBC
#C2B2E5
#C2BADD
#C2C2D5
#C2CACD
#C2D3C4
#C2DBBC
#C2E5B2
Colorpallet from #B2C2E5 to #C2B2E5 and to #E5B2C2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B5BFE5
#B6BFE4
#B7BFE3
#B7BFE2
#B8BFE1
#B9BFE0
#BABFDF
#B7BDE5
#B9BDE3
#BBBDE1
#BCBDE0
#BEBDDE
#C0BDDC
#C2BDDA
#BABAE5
#BDBAE2
#BFBAE0
#C2BADD
#C4BADA
#C7BAD7
#CABAD4
#BCB8E5
#C0B8E1
#C3B8DE
#C7B8DA
#CBB8D7
#CEB8D3
#D3B8CF
#BFB5E5
#C3B5E1
#C8B5DC
#CCB5D8
#D1B5D3
#D5B5CF
#DBB5C9
#C2B2E5
#C8B2DF
#CDB2DA
#D3B2D4
#D8B2CF
#DEB2C9
#E5B2C2
Colorpallet from #B2C2E5 to #C2B2E5 and to #E5C2B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B5BFE5
#B6BFE4
#B7C0E2
#B7C0E1
#B8C1E0
#B9C1DF
#BAC2DD
#B7BDE5
#B9BEE2
#BBBFE0
#BCBFDD
#BEC0DB
#C0C1D8
#C2C2D5
#BABAE5
#BDBBE1
#BFBDDD
#C2BED9
#C4BFD6
#C7C0D2
#CAC2CD
#BCB8E5
#C0BAE0
#C3BBDA
#C7BDD5
#CBBED0
#CEC0CB
#D3C2C4
#BFB5E5
#C3B7DE
#C8B9D8
#CCBBD1
#D1BDCB
#D5BFC4
#DBC2BC
#C2B2E5
#C8B5DD
#CDB7D5
#D3BACD
#D8BCC4
#DEBFBC
#E5C2B2
Colorpallet from #B2C2E5 to #C2E5B2 and to #E5B2C2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B5C8DD
#B6C7DD
#B7C5DE
#B7C4DE
#B8C2DE
#B9C1DF
#BABFDF
#B7CDD5
#B9CAD6
#BBC8D7
#BCC5D7
#BEC3D8
#C0C0D9
#C2BDDA
#BAD3CD
#BDCFCE
#BFCBCF
#C2C7D0
#C4C3D1
#C7BFD3
#CABAD4
#BCD8C4
#C0D3C6
#C3CEC8
#C7C9C9
#CBC4CB
#CEBECD
#D3B8CF
#BFDEBC
#C3D7BE
#C8D1C0
#CCCAC2
#D1C4C4
#D5BDC6
#DBB5C9
#C2E5B2
#C8DDB5
#CDD5B7
#D3CDBA
#D8C4BC
#DEBCBF
#E5B2C2
Colorpallet from #B2C2E5 to #C2E5B2 and to #E5C2B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B5C8DD
#B6C7DD
#B7C6DD
#B7C5DD
#B8C4DD
#B9C3DD
#BAC2DD
#B7CDD5
#B9CBD5
#BBC9D5
#BCC8D5
#BEC6D5
#C0C4D5
#C2C2D5
#BAD3CD
#BDD0CD
#BFCECD
#C2CBCD
#C4C8CD
#C7C5CD
#CAC2CD
#BCD8C4
#C0D4C4
#C3D1C4
#C7CDC4
#CBCAC4
#CEC6C4
#D3C2C4
#BFDEBC
#C3DABC
#C8D5BC
#CCD1BC
#D1CCBC
#D5C8BC
#DBC2BC
#C2E5B2
#C8DFB2
#CDDAB2
#D3D4B2
#D8CFB2
#DEC9B2
#E5C2B2
Colorpallet from #B2C2E5 to #E5B2C2 and to #E5C2B2
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#B2C2E5
#BABFDF
#BABFDF
#BAC0DE
#BAC0DE
#BAC1DE
#BAC1DD
#BAC2DD
#C2BDDA
#C2BED9
#C2BFD8
#C2BFD8
#C2C0D7
#C2C1D6
#C2C2D5
#CABAD4
#CABBD3
#CABDD2
#CABED1
#CABFD0
#CAC0CE
#CAC2CD
#D3B8CF
#D3BACD
#D3BBCB
#D3BDCA
#D3BEC8
#D3C0C6
#D3C2C4
#DBB5C9
#DBB7C7
#DBB9C5
#DBBBC3
#DBBDC1
#DBBFBF
#DBC2BC
#E5B2C2
#E5B5BF
#E5B7BD
#E5BABA
#E5BCB8
#E5BFB5
#E5C2B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts