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 #B1C9F0 to #B1F0C9 and to #C9B1F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1CFEA
#B2CDEB
#B2CCEC
#B3CAED
#B4C9EE
#B4C7EF
#B5C5F0
#B1D5E4
#B2D2E6
#B4CFE8
#B5CBEA
#B6C8EC
#B7C5EE
#B9C1F0
#B1DCDD
#B3D7E0
#B5D2E3
#B7CDE6
#B9C8E9
#BBC3EC
#BDBDF0
#B1E2D7
#B3DCDB
#B6D5DF
#B8CFE3
#BBC8E7
#BDC2EB
#C0BAF0
#B1E8D1
#B4E0D6
#B7D8DB
#BAD0E0
#BDC8E5
#C0C0EA
#C4B6F0
#B1F0C9
#B5E6CF
#B9DCD5
#BDD2DC
#C0C8E2
#C4BEE8
#C9B1F0
Colorpallet from #B1C9F0 to #B1F0C9 and to #C9F0B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1CFEA
#B2CFE9
#B2CFE9
#B3CFE8
#B4CFE7
#B4CFE7
#B5CFE6
#B1D5E4
#B2D5E3
#B4D5E1
#B5D5E0
#B6D5DF
#B7D5DE
#B9D5DC
#B1DCDD
#B3DCDB
#B5DCD9
#B7DCD8
#B9DCD6
#BBDCD4
#BDDCD2
#B1E2D7
#B3E2D5
#B6E2D2
#B8E2D0
#BBE2CD
#BDE2CB
#C0E2C8
#B1E8D1
#B4E8CE
#B7E8CB
#BAE8C8
#BDE8C5
#C0E8C2
#C4E8BE
#B1F0C9
#B5F0C5
#B9F0C1
#BDF0BD
#C0F0BA
#C4F0B6
#C9F0B1
Colorpallet from #B1C9F0 to #B1F0C9 and to #F0B1C9
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1CFEA
#B3CDEA
#B4CCEA
#B6CAEA
#B7C9EA
#B9C7EA
#BBC5EA
#B1D5E4
#B4D2E4
#B7CFE4
#BBCBE4
#BEC8E4
#C1C5E4
#C5C1E4
#B1DCDD
#B6D7DD
#BBD2DD
#BFCDDD
#C4C8DD
#C9C3DD
#CFBDDD
#B1E2D7
#B7DCD7
#BED5D7
#C4CFD7
#CBC8D7
#D1C2D7
#D9BAD7
#B1E8D1
#B9E0D1
#C1D8D1
#C9D0D1
#D1C8D1
#D9C0D1
#E3B6D1
#B1F0C9
#BBE6C9
#C5DCC9
#CFD2C9
#D9C8C9
#E3BEC9
#F0B1C9
Colorpallet from #B1C9F0 to #B1F0C9 and to #F0C9B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1CFEA
#B3CEE9
#B4CDE9
#B6CCE8
#B7CBE7
#B9CAE7
#BBC9E6
#B1D5E4
#B4D3E3
#B7D1E1
#BBCFE0
#BECDDF
#C1CBDE
#C5C9DC
#B1DCDD
#B6D9DB
#BBD6D9
#BFD3D8
#C4D0D6
#C9CDD4
#CFC9D2
#B1E2D7
#B7DED5
#BEDAD2
#C4D6D0
#CBD2CD
#D1CECB
#D9C9C8
#B1E8D1
#B9E3CE
#C1DECB
#C9D9C8
#D1D4C5
#D9CFC2
#E3C9BE
#B1F0C9
#BBEAC5
#C5E4C1
#CFDDBD
#D9D7BA
#E3D1B6
#F0C9B1
Colorpallet from #B1C9F0 to #C9B1F0 and to #C9F0B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B5C5F0
#B5C7EE
#B5C8ED
#B5CAEB
#B5CBEA
#B5CDE8
#B5CFE6
#B9C1F0
#B9C4ED
#B9C7EA
#B9CBE6
#B9CEE3
#B9D1E0
#B9D5DC
#BDBDF0
#BDC2EB
#BDC7E6
#BDCCE2
#BDD1DD
#BDD6D8
#BDDCD2
#C0BAF0
#C0C0EA
#C0C7E3
#C0CDDD
#C0D4D6
#C0DAD0
#C0E2C8
#C4B6F0
#C4BEE8
#C4C6E0
#C4CED8
#C4D6D0
#C4DEC8
#C4E8BE
#C9B1F0
#C9BBE6
#C9C5DC
#C9CFD2
#C9D9C8
#C9E3BE
#C9F0B1
Colorpallet from #B1C9F0 to #C9B1F0 and to #F0B1C9
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B5C5F0
#B6C5EF
#B7C5EE
#B8C5ED
#B9C5EC
#BAC5EB
#BBC5EA
#B9C1F0
#BBC1EE
#BDC1EC
#BFC1EA
#C1C1E8
#C3C1E6
#C5C1E4
#BDBDF0
#C0BDED
#C3BDEA
#C6BDE7
#C9BDE4
#CBBDE1
#CFBDDD
#C0BAF0
#C4BAEC
#C8BAE8
#CCBAE4
#D0BAE0
#D4BADC
#D9BAD7
#C4B6F0
#C9B6EB
#CEB6E6
#D3B6E1
#D8B6DC
#DDB6D7
#E3B6D1
#C9B1F0
#CFB1EA
#D5B1E4
#DCB1DD
#E2B1D7
#E8B1D1
#F0B1C9
Colorpallet from #B1C9F0 to #C9B1F0 and to #F0C9B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B5C5F0
#B6C6EE
#B7C6ED
#B8C7EB
#B9C8EA
#BAC8E8
#BBC9E6
#B9C1F0
#BBC2ED
#BDC4EA
#BFC5E6
#C1C6E3
#C3C7E0
#C5C9DC
#BDBDF0
#C0BFEB
#C3C1E6
#C6C3E2
#C9C5DD
#CBC7D8
#CFC9D2
#C0BAF0
#C4BCEA
#C8BFE3
#CCC1DD
#D0C4D6
#D4C6D0
#D9C9C8
#C4B6F0
#C9B9E8
#CEBCE0
#D3BFD8
#D8C2D0
#DDC5C8
#E3C9BE
#C9B1F0
#CFB5E6
#D5B9DC
#DCBDD2
#E2C0C8
#E8C4BE
#F0C9B1
Colorpallet from #B1C9F0 to #C9F0B1 and to #F0B1C9
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B5CFE6
#B6CDE7
#B7CCE7
#B8CAE8
#B9C9E9
#BAC7E9
#BBC5EA
#B9D5DC
#BBD2DD
#BDCFDF
#BFCBE0
#C1C8E1
#C3C5E2
#C5C1E4
#BDDCD2
#C0D7D4
#C3D2D6
#C6CDD7
#C9C8D9
#CBC3DB
#CFBDDD
#C0E2C8
#C4DCCA
#C8D5CD
#CCCFCF
#D0C8D2
#D4C2D4
#D9BAD7
#C4E8BE
#C9E0C1
#CED8C4
#D3D0C7
#D8C8CA
#DDC0CD
#E3B6D1
#C9F0B1
#CFE6B5
#D5DCB9
#DCD2BD
#E2C8C0
#E8BEC4
#F0B1C9
Colorpallet from #B1C9F0 to #C9F0B1 and to #F0C9B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B5CFE6
#B6CEE6
#B7CDE6
#B8CCE6
#B9CBE6
#BACAE6
#BBC9E6
#B9D5DC
#BBD3DC
#BDD1DC
#BFCFDC
#C1CDDC
#C3CBDC
#C5C9DC
#BDDCD2
#C0D9D2
#C3D6D2
#C6D3D2
#C9D0D2
#CBCDD2
#CFC9D2
#C0E2C8
#C4DEC8
#C8DAC8
#CCD6C8
#D0D2C8
#D4CEC8
#D9C9C8
#C4E8BE
#C9E3BE
#CEDEBE
#D3D9BE
#D8D4BE
#DDCFBE
#E3C9BE
#C9F0B1
#CFEAB1
#D5E4B1
#DCDDB1
#E2D7B1
#E8D1B1
#F0C9B1
Colorpallet from #B1C9F0 to #F0B1C9 and to #F0C9B1
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#B1C9F0
#BBC5EA
#BBC6E9
#BBC6E9
#BBC7E8
#BBC8E7
#BBC8E7
#BBC9E6
#C5C1E4
#C5C2E3
#C5C4E1
#C5C5E0
#C5C6DF
#C5C7DE
#C5C9DC
#CFBDDD
#CFBFDB
#CFC1D9
#CFC3D8
#CFC5D6
#CFC7D4
#CFC9D2
#D9BAD7
#D9BCD5
#D9BFD2
#D9C1D0
#D9C4CD
#D9C6CB
#D9C9C8
#E3B6D1
#E3B9CE
#E3BCCB
#E3BFC8
#E3C2C5
#E3C5C2
#E3C9BE
#F0B1C9
#F0B5C5
#F0B9C1
#F0BDBD
#F0C0BA
#F0C4B6
#F0C9B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
