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 #BADDE2 to #BAE2DD and to #DDBAE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADEE1
#BBDDE1
#BCDCE1
#BDDBE1
#BEDAE2
#BFD8E2
#C0D7E2
#BADFE0
#BCDDE0
#BEDBE1
#BFD9E1
#C1D7E1
#C3D5E2
#C5D2E2
#BADFE0
#BDDCE0
#BFD9E1
#C2D6E1
#C5D3E1
#C8D0E2
#CBCCE2
#BAE0DF
#BEDCDF
#C1D8E0
#C5D4E0
#C8D0E1
#CCCCE1
#D0C7E2
#BAE1DE
#BEDCDF
#C3D7DF
#C7D2E0
#CCCDE1
#D0C7E1
#D6C1E2
#BAE2DD
#C0DCDE
#C5D5DF
#CBCFDF
#D0C8E0
#D6C2E1
#DDBAE2
Colorpallet from #BADDE2 to #BAE2DD and to #DDE2BA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADEE1
#BBDEE0
#BCDEDF
#BDDEDF
#BEDEDE
#BFDEDD
#C0DEDC
#BADFE0
#BCDFDE
#BEDFDC
#BFDFDB
#C1DFD9
#C3DFD7
#C5DFD5
#BADFE0
#BDDFDD
#BFDFDB
#C2DFD8
#C5DFD5
#C8DFD2
#CBDFCF
#BAE0DF
#BEE0DB
#C1E0D8
#C5E0D4
#C8E0D0
#CCE0CD
#D0E0C8
#BAE1DE
#BEE1DA
#C3E1D5
#C7E1D1
#CCE1CC
#D0E1C8
#D6E1C2
#BAE2DD
#C0E2D7
#C5E2D2
#CBE2CC
#D0E2C7
#D6E2C1
#DDE2BA
Colorpallet from #BADDE2 to #BAE2DD and to #E2BADD
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADEE1
#BBDDE1
#BCDCE1
#BDDBE1
#BEDAE1
#BFD8E1
#C0D7E1
#BADFE0
#BCDDE0
#BEDBE0
#C0D9E0
#C2D7E0
#C4D5E0
#C7D2E0
#BADFE0
#BDDCE0
#C0D9E0
#C3D6E0
#C6D3E0
#C9D0E0
#CDCCE0
#BAE0DF
#BEDCDF
#C2D8DF
#C6D4DF
#CBD0DF
#CFCCDF
#D4C7DF
#BAE1DE
#BFDCDE
#C4D7DE
#C9D2DE
#CECDDE
#D4C7DE
#DAC1DE
#BAE2DD
#C0DCDD
#C7D5DD
#CDCFDD
#D4C8DD
#DAC2DD
#E2BADD
Colorpallet from #BADDE2 to #BAE2DD and to #E2DDBA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADEE1
#BBDEE0
#BCDEDF
#BDDEDF
#BEDDDE
#BFDDDD
#C0DDDC
#BADFE0
#BCDFDE
#BEDEDC
#C0DEDB
#C2DED9
#C4DDD7
#C7DDD5
#BADFE0
#BDDFDD
#C0DEDB
#C3DED8
#C6DED5
#C9DDD2
#CDDDCF
#BAE0DF
#BEE0DB
#C2DFD8
#C6DFD4
#CBDED0
#CFDECD
#D4DDC8
#BAE1DE
#BFE0DA
#C4E0D5
#C9DFD1
#CEDECC
#D4DEC8
#DADDC2
#BAE2DD
#C0E1D7
#C7E0D2
#CDE0CC
#D4DFC7
#DADEC1
#E2DDBA
Colorpallet from #BADDE2 to #DDBAE2 and to #DDE2BA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0D7E2
#C0D8E1
#C0D9E0
#C0DADF
#C0DBDE
#C0DDDD
#C0DEDC
#C5D2E2
#C5D4E0
#C5D6DE
#C5D8DC
#C5DADA
#C5DCD8
#C5DFD5
#CBCCE2
#CBCFDF
#CBD2DC
#CBD5D9
#CBD8D6
#CBDBD3
#CBDFCF
#D0C7E2
#D0CBDE
#D0CFDA
#D0D3D6
#D0D7D1
#D0DBCD
#D0E0C8
#D6C1E2
#D6C6DD
#D6CBD8
#D6D0D3
#D6D5CE
#D6DBC8
#D6E1C2
#DDBAE2
#DDC0DC
#DDC7D5
#DDCDCF
#DDD4C8
#DDDAC2
#DDE2BA
Colorpallet from #BADDE2 to #DDBAE2 and to #E2BADD
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0D7E2
#C0D7E2
#C0D7E2
#C0D7E2
#C0D7E1
#C0D7E1
#C0D7E1
#C5D2E2
#C5D2E2
#C6D2E1
#C6D2E1
#C6D2E1
#C7D2E0
#C7D2E0
#CBCCE2
#CBCCE2
#CCCCE1
#CCCCE1
#CCCCE1
#CDCCE0
#CDCCE0
#D0C7E2
#D1C7E2
#D1C7E1
#D2C7E1
#D3C7E0
#D3C7E0
#D4C7DF
#D6C1E2
#D7C1E1
#D7C1E1
#D8C1E0
#D9C1DF
#D9C1DF
#DAC1DE
#DDBAE2
#DEBAE1
#DFBAE0
#DFBAE0
#E0BADF
#E1BADE
#E2BADD
Colorpallet from #BADDE2 to #DDBAE2 and to #E2DDBA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0D7E2
#C0D8E1
#C0D9E0
#C0DADF
#C0DBDE
#C0DCDD
#C0DDDC
#C5D2E2
#C5D4E0
#C6D6DE
#C6D7DC
#C6D9DA
#C7DBD8
#C7DDD5
#CBCCE2
#CBCFDF
#CCD1DC
#CCD4D9
#CCD7D6
#CDDAD3
#CDDDCF
#D0C7E2
#D1CBDE
#D1CEDA
#D2D2D6
#D3D5D1
#D3D9CD
#D4DDC8
#D6C1E2
#D7C5DD
#D7CAD8
#D8CED3
#D9D3CE
#D9D7C8
#DADDC2
#DDBAE2
#DEC0DC
#DFC5D5
#DFCBCF
#E0D0C8
#E1D6C2
#E2DDBA
Colorpallet from #BADDE2 to #DDE2BA and to #E2BADD
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0DEDC
#C0DDDD
#C0DCDE
#C0DBDE
#C0DADF
#C0D8E0
#C0D7E1
#C5DFD5
#C5DDD7
#C6DBD9
#C6D9DA
#C6D7DC
#C7D5DE
#C7D2E0
#CBDFCF
#CBDCD2
#CCD9D4
#CCD6D7
#CCD3DA
#CDD0DD
#CDCCE0
#D0E0C8
#D1DCCC
#D1D8CF
#D2D4D3
#D3D0D7
#D3CCDA
#D4C7DF
#D6E1C2
#D7DCC6
#D7D7CB
#D8D2CF
#D9CDD4
#D9C7D8
#DAC1DE
#DDE2BA
#DEDCC0
#DFD5C5
#DFCFCB
#E0C8D0
#E1C2D6
#E2BADD
Colorpallet from #BADDE2 to #DDE2BA and to #E2DDBA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0DEDC
#C0DEDC
#C0DEDC
#C0DEDC
#C0DDDC
#C0DDDC
#C0DDDC
#C5DFD5
#C5DFD5
#C6DED5
#C6DED5
#C6DED5
#C7DDD5
#C7DDD5
#CBDFCF
#CBDFCF
#CCDECF
#CCDECF
#CCDECF
#CDDDCF
#CDDDCF
#D0E0C8
#D1E0C8
#D1DFC8
#D2DFC8
#D3DEC8
#D3DEC8
#D4DDC8
#D6E1C2
#D7E0C2
#D7E0C2
#D8DFC2
#D9DEC2
#D9DEC2
#DADDC2
#DDE2BA
#DEE1BA
#DFE0BA
#DFE0BA
#E0DFBA
#E1DEBA
#E2DDBA
Colorpallet from #BADDE2 to #E2BADD and to #E2DDBA
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#BADDE2
#C0D7E1
#C0D8E0
#C0D9DF
#C0DADF
#C0DBDE
#C0DCDD
#C0DDDC
#C7D2E0
#C7D4DE
#C7D6DC
#C7D7DB
#C7D9D9
#C7DBD7
#C7DDD5
#CDCCE0
#CDCFDD
#CDD1DB
#CDD4D8
#CDD7D5
#CDDAD2
#CDDDCF
#D4C7DF
#D4CBDB
#D4CED8
#D4D2D4
#D4D5D0
#D4D9CD
#D4DDC8
#DAC1DE
#DAC5DA
#DACAD5
#DACED1
#DAD3CC
#DAD7C8
#DADDC2
#E2BADD
#E2C0D7
#E2C5D2
#E2CBCC
#E2D0C7
#E2D6C1
#E2DDBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts