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 #BAADE2 to #BAE2AD and to #ADBAE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAB5DA
#BAB4DB
#B9B3DD
#B9B2DE
#B9B1DF
#B8B0E0
#B8AFE2
#BABED1
#B9BCD4
#B9BAD6
#B8B8D9
#B7B6DC
#B7B4DF
#B6B1E2
#BAC6C9
#B9C3CD
#B8C0D1
#B7BDD5
#B6BAD9
#B5B7DD
#B4B3E2
#BACFC0
#B9CBC5
#B7C7CB
#B6C3D0
#B5BED6
#B4BADB
#B2B5E2
#BAD7B8
#B8D2BF
#B7CDC5
#B5C8CC
#B4C3D3
#B2BDDA
#B0B7E2
#BAE2AD
#B8DCB5
#B6D5BE
#B4CFC6
#B2C8CF
#B0C2D7
#ADBAE2
Colorpallet from #BAADE2 to #BAE2AD and to #ADE2BA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAB5DA
#BAB5DA
#B9B5DB
#B9B5DB
#B9B5DB
#B8B5DC
#B8B5DC
#BABED1
#B9BED2
#B9BED2
#B8BED3
#B7BED4
#B7BED4
#B6BED5
#BAC6C9
#B9C6CA
#B8C6CB
#B7C6CC
#B6C6CD
#B5C6CE
#B4C6CF
#BACFC0
#B9CFC1
#B7CFC3
#B6CFC4
#B5CFC5
#B4CFC6
#B2CFC8
#BAD7B8
#B8D7BA
#B7D7BB
#B5D7BD
#B4D7BE
#B2D7C0
#B0D7C2
#BAE2AD
#B8E2AF
#B6E2B1
#B4E2B3
#B2E2B5
#B0E2B7
#ADE2BA
Colorpallet from #BAADE2 to #BAE2AD and to #E2BAAD
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAB5DA
#BBB4DA
#BCB3DA
#BDB2DA
#BEB1DA
#BFB0DA
#C0AFDA
#BABED1
#BCBCD1
#BEBAD1
#C0B8D1
#C2B6D1
#C4B4D1
#C7B1D1
#BAC6C9
#BDC3C9
#C0C0C9
#C3BDC9
#C6BAC9
#C9B7C9
#CDB3C9
#BACFC0
#BECBC0
#C2C7C0
#C6C3C0
#CBBEC0
#CFBAC0
#D4B5C0
#BAD7B8
#BFD2B8
#C4CDB8
#C9C8B8
#CEC3B8
#D4BDB8
#DAB7B8
#BAE2AD
#C0DCAD
#C7D5AD
#CDCFAD
#D4C8AD
#DAC2AD
#E2BAAD
Colorpallet from #BAADE2 to #BAE2AD and to #E2ADBA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAB5DA
#BBB4DA
#BCB2DB
#BDB1DB
#BEB0DB
#BFAFDC
#C0ADDC
#BABED1
#BCBBD2
#BEB9D2
#C0B6D3
#C2B3D4
#C4B0D4
#C7ADD5
#BAC6C9
#BDC2CA
#C0BECB
#C3BACC
#C6B6CD
#C9B2CE
#CDADCF
#BACFC0
#BECAC1
#C2C4C3
#C6BFC4
#CBB9C5
#CFB4C6
#D4ADC8
#BAD7B8
#BFD0BA
#C4CABB
#C9C3BD
#CEBCBE
#D4B5C0
#DAADC2
#BAE2AD
#C0DAAF
#C7D1B1
#CDC9B3
#D4C0B5
#DAB8B7
#E2ADBA
Colorpallet from #BAADE2 to #ADBAE2 and to #ADE2BA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#B8AFE2
#B8B0E1
#B8B1E0
#B8B2DF
#B8B3DE
#B8B4DD
#B8B5DC
#B6B1E2
#B6B3E0
#B6B5DE
#B6B7DC
#B6B9DA
#B6BBD8
#B6BED5
#B4B3E2
#B4B6DF
#B4B9DC
#B4BCD9
#B4BFD6
#B4C2D3
#B4C6CF
#B2B5E2
#B2B9DE
#B2BDDA
#B2C1D6
#B2C6D1
#B2CACD
#B2CFC8
#B0B7E2
#B0BCDD
#B0C1D8
#B0C6D3
#B0CBCE
#B0D1C8
#B0D7C2
#ADBAE2
#ADC0DC
#ADC7D5
#ADCDCF
#ADD4C8
#ADDAC2
#ADE2BA
Colorpallet from #BAADE2 to #ADBAE2 and to #E2BAAD
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#B8AFE2
#B9AFE1
#BBAFDF
#BCAFDE
#BDAFDD
#BEAFDC
#C0AFDA
#B6B1E2
#B9B1DF
#BBB1DD
#BEB1DA
#C1B1D7
#C4B1D4
#C7B1D1
#B4B3E2
#B8B3DE
#BCB3DA
#C0B3D6
#C4B3D2
#C8B3CE
#CDB3C9
#B2B5E2
#B7B5DD
#BDB5D7
#C2B5D2
#C8B5CC
#CDB5C7
#D4B5C0
#B0B7E2
#B7B7DB
#BDB7D5
#C4B7CE
#CBB7C7
#D2B7C0
#DAB7B8
#ADBAE2
#B5BADA
#BEBAD1
#C6BAC9
#CFBAC0
#D7BAB8
#E2BAAD
Colorpallet from #BAADE2 to #ADBAE2 and to #E2ADBA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#B8AFE2
#B9AFE1
#BBAEE0
#BCAEDF
#BDAEDE
#BEADDD
#C0ADDC
#B6B1E2
#B9B0E0
#BBB0DE
#BEAFDC
#C1AEDA
#C4AED8
#C7ADD5
#B4B3E2
#B8B2DF
#BCB1DC
#C0B0D9
#C4AFD6
#C8AED3
#CDADCF
#B2B5E2
#B7B4DE
#BDB2DA
#C2B1D6
#C8B0D1
#CDAFCD
#D4ADC8
#B0B7E2
#B7B5DD
#BDB4D8
#C4B2D3
#CBB1CE
#D2AFC8
#DAADC2
#ADBAE2
#B5B8DC
#BEB6D5
#C6B4CF
#CFB2C8
#D7B0C2
#E2ADBA
Colorpallet from #BAADE2 to #ADE2BA and to #E2BAAD
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#B8B5DC
#B9B4DC
#BBB3DB
#BCB2DB
#BDB1DB
#BEB0DA
#C0AFDA
#B6BED5
#B9BCD4
#BBBAD4
#BEB8D3
#C1B6D2
#C4B4D2
#C7B1D1
#B4C6CF
#B8C3CE
#BCC0CD
#C0BDCC
#C4BACB
#C8B7CA
#CDB3C9
#B2CFC8
#B7CBC7
#BDC7C5
#C2C3C4
#C8BEC3
#CDBAC2
#D4B5C0
#B0D7C2
#B7D2C0
#BDCDBF
#C4C8BD
#CBC3BC
#D2BDBA
#DAB7B8
#ADE2BA
#B5DCB8
#BED5B6
#C6CFB4
#CFC8B2
#D7C2B0
#E2BAAD
Colorpallet from #BAADE2 to #ADE2BA and to #E2ADBA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#B8B5DC
#B9B4DC
#BBB2DC
#BCB1DC
#BDB0DC
#BEAFDC
#C0ADDC
#B6BED5
#B9BBD5
#BBB9D5
#BEB6D5
#C1B3D5
#C4B0D5
#C7ADD5
#B4C6CF
#B8C2CF
#BCBECF
#C0BACF
#C4B6CF
#C8B2CF
#CDADCF
#B2CFC8
#B7CAC8
#BDC4C8
#C2BFC8
#C8B9C8
#CDB4C8
#D4ADC8
#B0D7C2
#B7D0C2
#BDCAC2
#C4C3C2
#CBBCC2
#D2B5C2
#DAADC2
#ADE2BA
#B5DABA
#BED1BA
#C6C9BA
#CFC0BA
#D7B8BA
#E2ADBA
Colorpallet from #BAADE2 to #E2BAAD and to #E2ADBA
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#BAADE2
#C0AFDA
#C0AFDA
#C0AEDB
#C0AEDB
#C0AEDB
#C0ADDC
#C0ADDC
#C7B1D1
#C7B0D2
#C7B0D2
#C7AFD3
#C7AED4
#C7AED4
#C7ADD5
#CDB3C9
#CDB2CA
#CDB1CB
#CDB0CC
#CDAFCD
#CDAECE
#CDADCF
#D4B5C0
#D4B4C1
#D4B2C3
#D4B1C4
#D4B0C5
#D4AFC6
#D4ADC8
#DAB7B8
#DAB5BA
#DAB4BB
#DAB2BD
#DAB1BE
#DAAFC0
#DAADC2
#E2BAAD
#E2B8AF
#E2B6B1
#E2B4B3
#E2B2B5
#E2B0B7
#E2ADBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts