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 #B4C8ED to #B4EDC8 and to #C8B4ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4CEE7
#B4CDE8
#B5CBE9
#B5CAEA
#B6C8EB
#B6C7EC
#B7C5ED
#B4D4E1
#B5D1E3
#B6CEE5
#B7CBE7
#B8C8E9
#B9C6EB
#BAC2ED
#B4DADB
#B6D6DE
#B7D1E1
#B9CDE4
#BAC8E7
#BCC4E9
#BEBEED
#B4E0D5
#B6DAD9
#B8D4DD
#BACEE1
#BCC8E4
#BEC2E8
#C1BBED
#B4E6CF
#B7DFD4
#B9D7D9
#BCD0DD
#BEC9E2
#C1C1E7
#C4B8ED
#B4EDC8
#B7E4CE
#BADBD4
#BED2DA
#C1C9E0
#C4BFE6
#C8B4ED
Colorpallet from #B4C8ED to #B4EDC8 and to #C8EDB4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4CEE7
#B4CEE7
#B5CEE6
#B5CEE6
#B6CEE5
#B6CEE5
#B7CEE4
#B4D4E1
#B5D4E0
#B6D4DF
#B7D4DE
#B8D4DD
#B9D4DC
#BAD4DB
#B4DADB
#B6DADA
#B7DAD8
#B9DAD7
#BADAD5
#BCDAD4
#BEDAD2
#B4E0D5
#B6E0D3
#B8E0D1
#BAE0CF
#BCE0CD
#BEE0CB
#C1E0C9
#B4E6CF
#B7E6CC
#B9E6CA
#BCE6C7
#BEE6C5
#C1E6C2
#C4E6BF
#B4EDC8
#B7EDC5
#BAEDC2
#BEEDBE
#C1EDBB
#C4EDB8
#C8EDB4
Colorpallet from #B4C8ED to #B4EDC8 and to #EDB4C8
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4CEE7
#B5CDE7
#B7CBE7
#B8CAE7
#BAC8E7
#BBC7E7
#BDC5E7
#B4D4E1
#B7D1E1
#BACEE1
#BDCBE1
#C0C8E1
#C2C6E1
#C6C2E1
#B4DADB
#B8D6DB
#BDD1DB
#C1CDDB
#C5C8DB
#CAC4DB
#CFBEDB
#B4E0D5
#BADAD5
#C0D4D5
#C5CED5
#CBC8D5
#D1C2D5
#D8BBD5
#B4E6CF
#BBDFCF
#C3D7CF
#CAD0CF
#D1C9CF
#D9C1CF
#E2B8CF
#B4EDC8
#BDE4C8
#C6DBC8
#CFD2C8
#D8C9C8
#E2BFC8
#EDB4C8
Colorpallet from #B4C8ED to #B4EDC8 and to #EDC8B4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4CEE7
#B5CDE7
#B7CCE6
#B8CBE6
#BACAE5
#BBC9E5
#BDC8E4
#B4D4E1
#B7D2E0
#BAD0DF
#BDCEDE
#C0CCDD
#C2CADC
#C6C8DB
#B4DADB
#B8D7DA
#BDD4D8
#C1D1D7
#C5CED5
#CACCD4
#CFC8D2
#B4E0D5
#BADCD3
#C0D8D1
#C5D4CF
#CBD1CD
#D1CDCB
#D8C8C9
#B4E6CF
#BBE1CC
#C3DCCA
#CAD8C7
#D1D3C5
#D9CEC2
#E2C8BF
#B4EDC8
#BDE7C5
#C6E1C2
#CFDBBE
#D8D5BB
#E2CFB8
#EDC8B4
Colorpallet from #B4C8ED to #C8B4ED and to #C8EDB4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B7C5ED
#B7C6EC
#B7C8EA
#B7C9E9
#B7CBE7
#B7CCE6
#B7CEE4
#BAC2ED
#BAC5EA
#BAC8E7
#BACBE4
#BACEE1
#BAD0DF
#BAD4DB
#BEBEED
#BEC2E9
#BEC7E4
#BECBE0
#BED0DC
#BED4D7
#BEDAD2
#C1BBED
#C1C1E7
#C1C7E1
#C1CDDC
#C1D3D6
#C1D9D0
#C1E0C9
#C4B8ED
#C4BFE6
#C4C7DE
#C4CED7
#C4D5D0
#C4DDC8
#C4E6BF
#C8B4ED
#C8BDE4
#C8C6DB
#C8CFD2
#C8D8C9
#C8E2BF
#C8EDB4
Colorpallet from #B4C8ED to #C8B4ED and to #EDB4C8
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B7C5ED
#B8C5EC
#B9C5EB
#BAC5EA
#BBC5E9
#BCC5E8
#BDC5E7
#BAC2ED
#BCC2EB
#BEC2E9
#C0C2E7
#C2C2E5
#C4C2E3
#C6C2E1
#BEBEED
#C1BEEA
#C3BEE7
#C6BEE4
#C9BEE1
#CCBEDF
#CFBEDB
#C1BBED
#C5BBE9
#C8BBE5
#CCBBE1
#D0BBDE
#D3BBDA
#D8BBD5
#C4B8ED
#C9B8E8
#CEB8E3
#D2B8DF
#D7B8DA
#DCB8D5
#E2B8CF
#C8B4ED
#CEB4E7
#D4B4E1
#DAB4DB
#E0B4D5
#E6B4CF
#EDB4C8
Colorpallet from #B4C8ED to #C8B4ED and to #EDC8B4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B7C5ED
#B8C5EC
#B9C6EA
#BAC6E9
#BBC7E7
#BCC7E6
#BDC8E4
#BAC2ED
#BCC3EA
#BEC4E7
#C0C5E4
#C2C6E1
#C4C7DF
#C6C8DB
#BEBEED
#C1C0E9
#C3C1E4
#C6C3E0
#C9C4DC
#CCC6D7
#CFC8D2
#C1BBED
#C5BDE7
#C8BFE1
#CCC1DC
#D0C3D6
#D3C5D0
#D8C8C9
#C4B8ED
#C9BBE6
#CEBDDE
#D2C0D7
#D7C2D0
#DCC5C8
#E2C8BF
#C8B4ED
#CEB7E4
#D4BADB
#DABED2
#E0C1C9
#E6C4BF
#EDC8B4
Colorpallet from #B4C8ED to #C8EDB4 and to #EDB4C8
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B7CEE4
#B8CDE4
#B9CBE5
#BACAE5
#BBC8E6
#BCC7E6
#BDC5E7
#BAD4DB
#BCD1DC
#BECEDD
#C0CBDE
#C2C8DF
#C4C6E0
#C6C2E1
#BEDAD2
#C1D6D3
#C3D1D5
#C6CDD6
#C9C8D8
#CCC4D9
#CFBEDB
#C1E0C9
#C5DACB
#C8D4CD
#CCCECF
#D0C8D1
#D3C2D3
#D8BBD5
#C4E6BF
#C9DFC2
#CED7C4
#D2D0C7
#D7C9C9
#DCC1CC
#E2B8CF
#C8EDB4
#CEE4B7
#D4DBBA
#DAD2BE
#E0C9C1
#E6BFC4
#EDB4C8
Colorpallet from #B4C8ED to #C8EDB4 and to #EDC8B4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B7CEE4
#B8CDE4
#B9CCE4
#BACBE4
#BBCAE4
#BCC9E4
#BDC8E4
#BAD4DB
#BCD2DB
#BED0DB
#C0CEDB
#C2CCDB
#C4CADB
#C6C8DB
#BEDAD2
#C1D7D2
#C3D4D2
#C6D1D2
#C9CED2
#CCCCD2
#CFC8D2
#C1E0C9
#C5DCC9
#C8D8C9
#CCD4C9
#D0D1C9
#D3CDC9
#D8C8C9
#C4E6BF
#C9E1BF
#CEDCBF
#D2D8BF
#D7D3BF
#DCCEBF
#E2C8BF
#C8EDB4
#CEE7B4
#D4E1B4
#DADBB4
#E0D5B4
#E6CFB4
#EDC8B4
Colorpallet from #B4C8ED to #EDB4C8 and to #EDC8B4
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#B4C8ED
#BDC5E7
#BDC5E7
#BDC6E6
#BDC6E6
#BDC7E5
#BDC7E5
#BDC8E4
#C6C2E1
#C6C3E0
#C6C4DF
#C6C5DE
#C6C6DD
#C6C7DC
#C6C8DB
#CFBEDB
#CFC0DA
#CFC1D8
#CFC3D7
#CFC4D5
#CFC6D4
#CFC8D2
#D8BBD5
#D8BDD3
#D8BFD1
#D8C1CF
#D8C3CD
#D8C5CB
#D8C8C9
#E2B8CF
#E2BBCC
#E2BDCA
#E2C0C7
#E2C2C5
#E2C5C2
#E2C8BF
#EDB4C8
#EDB7C5
#EDBAC2
#EDBEBE
#EDC1BB
#EDC4B8
#EDC8B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts