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 #B4C4DD to #B4DDC4 and to #C4B4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C8D9
#B4C7DA
#B5C6DA
#B5C5DB
#B6C4DC
#B6C2DC
#B7C1DD
#B4CCD5
#B5CAD6
#B6C8D8
#B6C6D9
#B7C4DA
#B8C2DB
#B9BFDD
#B4D0D1
#B5CDD3
#B7CAD5
#B8C6D7
#B9C3D9
#BAC0DB
#BCBCDD
#B4D4CD
#B6D0D0
#B7CCD2
#B9C8D5
#BAC3D7
#BCBFDA
#BEBADD
#B4D8C9
#B6D3CC
#B8CDCF
#BAC8D3
#BCC3D6
#BEBED9
#C1B7DD
#B4DDC4
#B7D6C8
#B9D0CC
#BCC9D0
#BEC3D4
#C1BCD8
#C4B4DD
Colorpallet from #B4C4DD to #B4DDC4 and to #C4DDB4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C8D9
#B4C8D9
#B5C8D8
#B5C8D8
#B6C8D7
#B6C8D7
#B7C8D6
#B4CCD5
#B5CCD4
#B6CCD3
#B6CCD3
#B7CCD2
#B8CCD1
#B9CCD0
#B4D0D1
#B5D0D0
#B7D0CE
#B8D0CD
#B9D0CC
#BAD0CB
#BCD0C9
#B4D4CD
#B6D4CB
#B7D4CA
#B9D4C8
#BAD4C7
#BCD4C5
#BED4C3
#B4D8C9
#B6D8C7
#B8D8C5
#BAD8C3
#BCD8C1
#BED8BF
#C1D8BC
#B4DDC4
#B7DDC1
#B9DDBF
#BCDDBC
#BEDDBA
#C1DDB7
#C4DDB4
Colorpallet from #B4C4DD to #B4DDC4 and to #DDB4C4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C8D9
#B5C7D9
#B6C6D9
#B7C5D9
#B8C4D9
#BAC2D9
#BBC1D9
#B4CCD5
#B6CAD5
#B8C8D5
#BAC6D5
#BCC4D5
#BEC2D5
#C1BFD5
#B4D0D1
#B7CDD1
#BACAD1
#BEC6D1
#C1C3D1
#C4C0D1
#C8BCD1
#B4D4CD
#B8D0CD
#BCCCCD
#C0C8CD
#C5C3CD
#C9BFCD
#CEBACD
#B4D8C9
#B9D3C9
#BFCDC9
#C4C8C9
#C9C3C9
#CEBEC9
#D5B7C9
#B4DDC4
#BBD6C4
#C1D0C4
#C8C9C4
#CEC3C4
#D5BCC4
#DDB4C4
Colorpallet from #B4C4DD to #B4DDC4 and to #DDC4B4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C8D9
#B5C7D9
#B6C7D8
#B7C6D8
#B8C5D7
#BAC5D7
#BBC4D6
#B4CCD5
#B6CBD4
#B8C9D3
#BAC8D3
#BCC7D2
#BEC6D1
#C1C4D0
#B4D0D1
#B7CED0
#BACCCE
#BECACD
#C1C8CC
#C4C6CB
#C8C4C9
#B4D4CD
#B8D1CB
#BCCFCA
#C0CCC8
#C5CAC7
#C9C7C5
#CEC4C3
#B4D8C9
#B9D5C7
#BFD2C5
#C4CEC3
#C9CBC1
#CEC8BF
#D5C4BC
#B4DDC4
#BBD9C1
#C1D5BF
#C8D1BC
#CECDBA
#D5C9B7
#DDC4B4
Colorpallet from #B4C4DD to #C4B4DD and to #C4DDB4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B7C1DD
#B7C2DC
#B7C3DB
#B7C4DA
#B7C5D9
#B7C7D7
#B7C8D6
#B9BFDD
#B9C1DB
#B9C3D9
#B9C5D7
#B9C7D5
#B9C9D3
#B9CCD0
#BCBCDD
#BCBFDA
#BCC2D7
#BCC6D3
#BCC9D0
#BCCCCD
#BCD0C9
#BEBADD
#BEBED9
#BEC2D5
#BEC6D1
#BECBCC
#BECFC8
#BED4C3
#C1B7DD
#C1BCD8
#C1C2D2
#C1C7CD
#C1CCC8
#C1D1C3
#C1D8BC
#C4B4DD
#C4BBD6
#C4C1D0
#C4C8C9
#C4CEC3
#C4D5BC
#C4DDB4
Colorpallet from #B4C4DD to #C4B4DD and to #DDB4C4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B7C1DD
#B8C1DC
#B8C1DC
#B9C1DB
#BAC1DA
#BAC1DA
#BBC1D9
#B9BFDD
#BABFDC
#BCBFDA
#BDBFD9
#BEBFD8
#BFBFD7
#C1BFD5
#BCBCDD
#BEBCDB
#C0BCD9
#C2BCD7
#C4BCD5
#C6BCD3
#C8BCD1
#BEBADD
#C1BADA
#C3BAD8
#C6BAD5
#C8BAD3
#CBBAD0
#CEBACD
#C1B7DD
#C4B7DA
#C7B7D7
#CBB7D3
#CEB7D0
#D1B7CD
#D5B7C9
#C4B4DD
#C8B4D9
#CCB4D5
#D0B4D1
#D4B4CD
#D8B4C9
#DDB4C4
Colorpallet from #B4C4DD to #C4B4DD and to #DDC4B4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B7C1DD
#B8C1DC
#B8C2DB
#B9C2DA
#BAC3D9
#BAC3D7
#BBC4D6
#B9BFDD
#BAC0DB
#BCC1D9
#BDC1D7
#BEC2D5
#BFC3D3
#C1C4D0
#BCBCDD
#BEBDDA
#C0BFD7
#C2C0D3
#C4C1D0
#C6C2CD
#C8C4C9
#BEBADD
#C1BCD9
#C3BDD5
#C6BFD1
#C8C0CC
#CBC2C8
#CEC4C3
#C1B7DD
#C4B9D8
#C7BBD2
#CBBDCD
#CEBFC8
#D1C1C3
#D5C4BC
#C4B4DD
#C8B7D6
#CCB9D0
#D0BCC9
#D4BEC3
#D8C1BC
#DDC4B4
Colorpallet from #B4C4DD to #C4DDB4 and to #DDB4C4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B7C8D6
#B8C7D6
#B8C6D7
#B9C5D7
#BAC4D8
#BAC2D8
#BBC1D9
#B9CCD0
#BACAD1
#BCC8D2
#BDC6D2
#BEC4D3
#BFC2D4
#C1BFD5
#BCD0C9
#BECDCA
#C0CACC
#C2C6CD
#C4C3CE
#C6C0CF
#C8BCD1
#BED4C3
#C1D0C5
#C3CCC6
#C6C8C8
#C8C3C9
#CBBFCB
#CEBACD
#C1D8BC
#C4D3BE
#C7CDC0
#CBC8C2
#CEC3C4
#D1BEC6
#D5B7C9
#C4DDB4
#C8D6B7
#CCD0B9
#D0C9BC
#D4C3BE
#D8BCC1
#DDB4C4
Colorpallet from #B4C4DD to #C4DDB4 and to #DDC4B4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B7C8D6
#B8C7D6
#B8C7D6
#B9C6D6
#BAC5D6
#BAC5D6
#BBC4D6
#B9CCD0
#BACBD0
#BCC9D0
#BDC8D0
#BEC7D0
#BFC6D0
#C1C4D0
#BCD0C9
#BECEC9
#C0CCC9
#C2CAC9
#C4C8C9
#C6C6C9
#C8C4C9
#BED4C3
#C1D1C3
#C3CFC3
#C6CCC3
#C8CAC3
#CBC7C3
#CEC4C3
#C1D8BC
#C4D5BC
#C7D2BC
#CBCEBC
#CECBBC
#D1C8BC
#D5C4BC
#C4DDB4
#C8D9B4
#CCD5B4
#D0D1B4
#D4CDB4
#D8C9B4
#DDC4B4
Colorpallet from #B4C4DD to #DDB4C4 and to #DDC4B4
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#B4C4DD
#BBC1D9
#BBC1D9
#BBC2D8
#BBC2D8
#BBC3D7
#BBC3D7
#BBC4D6
#C1BFD5
#C1C0D4
#C1C1D3
#C1C1D3
#C1C2D2
#C1C3D1
#C1C4D0
#C8BCD1
#C8BDD0
#C8BFCE
#C8C0CD
#C8C1CC
#C8C2CB
#C8C4C9
#CEBACD
#CEBCCB
#CEBDCA
#CEBFC8
#CEC0C7
#CEC2C5
#CEC4C3
#D5B7C9
#D5B9C7
#D5BBC5
#D5BDC3
#D5BFC1
#D5C1BF
#D5C4BC
#DDB4C4
#DDB7C1
#DDB9BF
#DDBCBC
#DDBEBA
#DDC1B7
#DDC4B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
