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 #B1CADD to #B1DDCA and to #CAB1DD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CDDA
#B2CCDA
#B2CBDB
#B3CADB
#B4C9DC
#B4C7DC
#B5C6DD
#B1D0D7
#B2CED8
#B4CCD9
#B5C9DA
#B6C7DB
#B7C5DC
#B9C2DD
#B1D3D4
#B3D0D5
#B5CCD7
#B7C9D8
#B9C6DA
#BBC2DB
#BDBEDD
#B1D6D1
#B4D2D3
#B6CDD5
#B9C9D7
#BBC4D9
#BEC0DB
#C1BADD
#B1D9CE
#B4D3D0
#B7CED3
#BBC8D5
#BEC3D8
#C1BDDA
#C5B6DD
#B1DDCA
#B5D6CD
#B9CFD0
#BDC8D3
#C1C1D6
#C5BAD9
#CAB1DD
Colorpallet from #B1CADD to #B1DDCA and to #CADDB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CDDA
#B2CDD9
#B2CDD9
#B3CDD8
#B4CDD7
#B4CDD7
#B5CDD6
#B1D0D7
#B2D0D6
#B4D0D4
#B5D0D3
#B6D0D2
#B7D0D1
#B9D0CF
#B1D3D4
#B3D3D2
#B5D3D0
#B7D3CE
#B9D3CC
#BBD3CA
#BDD3C8
#B1D6D1
#B4D6CE
#B6D6CC
#B9D6C9
#BBD6C7
#BED6C4
#C1D6C1
#B1D9CE
#B4D9CB
#B7D9C8
#BBD9C4
#BED9C1
#C1D9BE
#C5D9BA
#B1DDCA
#B5DDC6
#B9DDC2
#BDDDBE
#C1DDBA
#C5DDB6
#CADDB1
Colorpallet from #B1CADD to #B1DDCA and to #DDB1CA
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CDDA
#B2CCDA
#B3CBDA
#B4CADA
#B5C9DA
#B7C7DA
#B8C6DA
#B1D0D7
#B3CED7
#B5CCD7
#B8C9D7
#BAC7D7
#BCC5D7
#BFC2D7
#B1D3D4
#B4D0D4
#B8CCD4
#BBC9D4
#BEC6D4
#C2C2D4
#C6BED4
#B1D6D1
#B5D2D1
#BACDD1
#BEC9D1
#C3C4D1
#C7C0D1
#CDBAD1
#B1D9CE
#B7D3CE
#BCCECE
#C2C8CE
#C7C3CE
#CDBDCE
#D4B6CE
#B1DDCA
#B8D6CA
#BFCFCA
#C6C8CA
#CDC1CA
#D4BACA
#DDB1CA
Colorpallet from #B1CADD to #B1DDCA and to #DDCAB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CDDA
#B2CDD9
#B3CCD9
#B4CCD8
#B5CBD7
#B7CBD7
#B8CAD6
#B1D0D7
#B3CFD6
#B5CED4
#B8CDD3
#BACCD2
#BCCBD1
#BFCACF
#B1D3D4
#B4D2D2
#B8D0D0
#BBCFCE
#BECDCC
#C2CCCA
#C6CAC8
#B1D6D1
#B5D4CE
#BAD2CC
#BED0C9
#C3CEC7
#C7CCC4
#CDCAC1
#B1D9CE
#B7D7CB
#BCD4C8
#C2D2C4
#C7CFC1
#CDCDBE
#D4CABA
#B1DDCA
#B8DAC6
#BFD7C2
#C6D4BE
#CDD1BA
#D4CEB6
#DDCAB1
Colorpallet from #B1CADD to #CAB1DD and to #CADDB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B5C6DD
#B5C7DC
#B5C8DB
#B5C9DA
#B5CAD9
#B5CCD7
#B5CDD6
#B9C2DD
#B9C4DB
#B9C6D9
#B9C9D6
#B9CBD4
#B9CDD2
#B9D0CF
#BDBEDD
#BDC1DA
#BDC5D6
#BDC8D3
#BDCBD0
#BDCFCC
#BDD3C8
#C1BADD
#C1BED9
#C1C3D4
#C1C7D0
#C1CCCB
#C1D0C7
#C1D6C1
#C5B6DD
#C5BCD7
#C5C1D2
#C5C7CC
#C5CCC7
#C5D2C1
#C5D9BA
#CAB1DD
#CAB8D6
#CABFCF
#CAC6C8
#CACDC1
#CAD4BA
#CADDB1
Colorpallet from #B1CADD to #CAB1DD and to #DDB1CA
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B5C6DD
#B5C6DD
#B6C6DC
#B6C6DC
#B7C6DB
#B7C6DB
#B8C6DA
#B9C2DD
#BAC2DC
#BBC2DB
#BCC2DA
#BDC2D9
#BEC2D8
#BFC2D7
#BDBEDD
#BEBEDC
#C0BEDA
#C1BED9
#C3BED7
#C4BED6
#C6BED4
#C1BADD
#C3BADB
#C5BAD9
#C7BAD7
#C9BAD5
#CBBAD3
#CDBAD1
#C5B6DD
#C7B6DB
#CAB6D8
#CCB6D6
#CFB6D3
#D1B6D1
#D4B6CE
#CAB1DD
#CDB1DA
#D0B1D7
#D3B1D4
#D6B1D1
#D9B1CE
#DDB1CA
Colorpallet from #B1CADD to #CAB1DD and to #DDCAB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B5C6DD
#B5C7DC
#B6C7DB
#B6C8DA
#B7C9D9
#B7C9D7
#B8CAD6
#B9C2DD
#BAC3DB
#BBC5D9
#BCC6D6
#BDC7D4
#BEC8D2
#BFCACF
#BDBEDD
#BEC0DA
#C0C2D6
#C1C4D3
#C3C6D0
#C4C8CC
#C6CAC8
#C1BADD
#C3BDD9
#C5BFD4
#C7C2D0
#C9C4CB
#CBC7C7
#CDCAC1
#C5B6DD
#C7B9D7
#CABCD2
#CCC0CC
#CFC3C7
#D1C6C1
#D4CABA
#CAB1DD
#CDB5D6
#D0B9CF
#D3BDC8
#D6C1C1
#D9C5BA
#DDCAB1
Colorpallet from #B1CADD to #CADDB1 and to #DDB1CA
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B5CDD6
#B5CCD7
#B6CBD7
#B6CAD8
#B7C9D9
#B7C7D9
#B8C6DA
#B9D0CF
#BACED0
#BBCCD2
#BCC9D3
#BDC7D4
#BEC5D5
#BFC2D7
#BDD3C8
#BED0CA
#C0CCCC
#C1C9CE
#C3C6D0
#C4C2D2
#C6BED4
#C1D6C1
#C3D2C4
#C5CDC6
#C7C9C9
#C9C4CB
#CBC0CE
#CDBAD1
#C5D9BA
#C7D3BD
#CACEC0
#CCC8C4
#CFC3C7
#D1BDCA
#D4B6CE
#CADDB1
#CDD6B5
#D0CFB9
#D3C8BD
#D6C1C1
#D9BAC5
#DDB1CA
Colorpallet from #B1CADD to #CADDB1 and to #DDCAB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B5CDD6
#B5CDD6
#B6CCD6
#B6CCD6
#B7CBD6
#B7CBD6
#B8CAD6
#B9D0CF
#BACFCF
#BBCECF
#BCCDCF
#BDCCCF
#BECBCF
#BFCACF
#BDD3C8
#BED2C8
#C0D0C8
#C1CFC8
#C3CDC8
#C4CCC8
#C6CAC8
#C1D6C1
#C3D4C1
#C5D2C1
#C7D0C1
#C9CEC1
#CBCCC1
#CDCAC1
#C5D9BA
#C7D7BA
#CAD4BA
#CCD2BA
#CFCFBA
#D1CDBA
#D4CABA
#CADDB1
#CDDAB1
#D0D7B1
#D3D4B1
#D6D1B1
#D9CEB1
#DDCAB1
Colorpallet from #B1CADD to #DDB1CA and to #DDCAB1
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B1CADD
#B8C6DA
#B8C7D9
#B8C7D9
#B8C8D8
#B8C9D7
#B8C9D7
#B8CAD6
#BFC2D7
#BFC3D6
#BFC5D4
#BFC6D3
#BFC7D2
#BFC8D1
#BFCACF
#C6BED4
#C6C0D2
#C6C2D0
#C6C4CE
#C6C6CC
#C6C8CA
#C6CAC8
#CDBAD1
#CDBDCE
#CDBFCC
#CDC2C9
#CDC4C7
#CDC7C4
#CDCAC1
#D4B6CE
#D4B9CB
#D4BCC8
#D4C0C4
#D4C3C1
#D4C6BE
#D4CABA
#DDB1CA
#DDB5C6
#DDB9C2
#DDBDBE
#DDC1BA
#DDC5B6
#DDCAB1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
