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 #BEDDF2 to #BEF2DD and to #DDBEF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEE0EF
#BFDFEF
#C0DDF0
#C0DCF0
#C1DBF1
#C2DAF1
#C3D8F2
#BEE4EB
#C0E1EC
#C1DFED
#C3DCEE
#C4D9EF
#C6D6F1
#C8D3F2
#BEE7E8
#C0E3EA
#C3DFEB
#C5DBED
#C8D7EE
#CAD3F0
#CDCEF2
#BEEAE5
#C1E5E7
#C4DFE9
#C8DAEB
#CBD5ED
#CED0EF
#D2C9F2
#BEEEE1
#C2E7E4
#C6E1E6
#CADAE9
#CED3EC
#D2CCEF
#D7C4F2
#BEF2DD
#C3EAE0
#C8E1E4
#CDD9E7
#D2D1EA
#D7C8EE
#DDBEF2
Colorpallet from #BEDDF2 to #BEF2DD and to #DDF2BE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEE0EF
#BFE0EE
#C0E0ED
#C0E0ED
#C1E0EC
#C2E0EB
#C3E0EA
#BEE4EB
#C0E4E9
#C1E4E8
#C3E4E6
#C4E4E5
#C6E4E3
#C8E4E1
#BEE7E8
#C0E7E6
#C3E7E3
#C5E7E1
#C8E7DE
#CAE7DC
#CDE7D9
#BEEAE5
#C1EAE2
#C4EADF
#C8EADB
#CBEAD8
#CEEAD5
#D2EAD1
#BEEEE1
#C2EEDD
#C6EED9
#CAEED5
#CEEED1
#D2EECD
#D7EEC8
#BEF2DD
#C3F2D8
#C8F2D3
#CDF2CE
#D2F2C9
#D7F2C4
#DDF2BE
Colorpallet from #BEDDF2 to #BEF2DD and to #F2BEDD
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEE0EF
#BFDFEF
#C1DDEF
#C2DCEF
#C3DBEF
#C4DAEF
#C6D8EF
#BEE4EB
#C1E1EB
#C3DFEB
#C6DCEB
#C9D9EB
#CCD6EB
#CFD3EB
#BEE7E8
#C2E3E8
#C6DFE8
#CADBE8
#CED7E8
#D2D3E8
#D7CEE8
#BEEAE5
#C3E5E5
#C9DFE5
#CEDAE5
#D3D5E5
#D8D0E5
#DFC9E5
#BEEEE1
#C5E7E1
#CBE1E1
#D2DAE1
#D9D3E1
#E0CCE1
#E8C4E1
#BEF2DD
#C6EADD
#CFE1DD
#D7D9DD
#DFD1DD
#E8C8DD
#F2BEDD
Colorpallet from #BEDDF2 to #BEF2DD and to #F2DDBE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEE0EF
#BFE0EE
#C1DFED
#C2DFED
#C3DEEC
#C4DEEB
#C6DDEA
#BEE4EB
#C1E3E9
#C3E2E8
#C6E1E6
#C9E0E5
#CCDEE3
#CFDDE1
#BEE7E8
#C2E5E6
#C6E4E3
#CAE2E1
#CEE1DE
#D2DFDC
#D7DDD9
#BEEAE5
#C3E8E2
#C9E6DF
#CEE4DB
#D3E2D8
#D8E0D5
#DFDDD1
#BEEEE1
#C5EBDD
#CBE9D9
#D2E6D5
#D9E3D1
#E0E0CD
#E8DDC8
#BEF2DD
#C6EFD8
#CFEBD3
#D7E8CE
#DFE5C9
#E8E1C4
#F2DDBE
Colorpallet from #BEDDF2 to #DDBEF2 and to #DDF2BE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C3D8F2
#C3D9F1
#C3DBEF
#C3DCEE
#C3DDED
#C3DEEC
#C3E0EA
#C8D3F2
#C8D6EF
#C8D8ED
#C8DBEA
#C8DEE7
#C8E1E4
#C8E4E1
#CDCEF2
#CDD2EE
#CDD6EA
#CDDAE6
#CDDEE2
#CDE2DE
#CDE7D9
#D2C9F2
#D2CEED
#D2D4E7
#D2D9E2
#D2DEDD
#D2E3D8
#D2EAD1
#D7C4F2
#D7CBEB
#D7D1E5
#D7D8DE
#D7DFD7
#D7E6D0
#D7EEC8
#DDBEF2
#DDC6EA
#DDCFE1
#DDD7D9
#DDDFD1
#DDE8C8
#DDF2BE
Colorpallet from #BEDDF2 to #DDBEF2 and to #F2BEDD
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C3D8F2
#C3D8F2
#C4D8F1
#C4D8F1
#C5D8F0
#C5D8F0
#C6D8EF
#C8D3F2
#C9D3F1
#CAD3F0
#CBD3EF
#CCD3EE
#CED3EC
#CFD3EB
#CDCEF2
#CFCEF0
#D0CEEF
#D2CEED
#D3CEEC
#D5CEEA
#D7CEE8
#D2C9F2
#D4C9F0
#D6C9EE
#D8C9EC
#DAC9EA
#DCC9E8
#DFC9E5
#D7C4F2
#DAC4EF
#DCC4ED
#DFC4EA
#E2C4E7
#E5C4E4
#E8C4E1
#DDBEF2
#E0BEEF
#E4BEEB
#E7BEE8
#EABEE5
#EEBEE1
#F2BEDD
Colorpallet from #BEDDF2 to #DDBEF2 and to #F2DDBE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C3D8F2
#C3D9F1
#C4DAEF
#C4DAEE
#C5DBED
#C5DCEC
#C6DDEA
#C8D3F2
#C9D5EF
#CAD6ED
#CBD8EA
#CCD9E7
#CEDBE4
#CFDDE1
#CDCEF2
#CFD0EE
#D0D3EA
#D2D5E6
#D3D8E2
#D5DADE
#D7DDD9
#D2C9F2
#D4CCED
#D6CFE7
#D8D3E2
#DAD6DD
#DCD9D8
#DFDDD1
#D7C4F2
#DAC8EB
#DCCCE5
#DFD0DE
#E2D4D7
#E5D8D0
#E8DDC8
#DDBEF2
#E0C3EA
#E4C8E1
#E7CDD9
#EAD2D1
#EED7C8
#F2DDBE
Colorpallet from #BEDDF2 to #DDF2BE and to #F2BEDD
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C3E0EA
#C3DFEB
#C4DDEC
#C4DCEC
#C5DBED
#C5DAEE
#C6D8EF
#C8E4E1
#C9E1E3
#CADFE4
#CBDCE6
#CCD9E7
#CED6E9
#CFD3EB
#CDE7D9
#CFE3DB
#D0DFDE
#D2DBE0
#D3D7E3
#D5D3E5
#D7CEE8
#D2EAD1
#D4E5D4
#D6DFD7
#D8DADB
#DAD5DE
#DCD0E1
#DFC9E5
#D7EEC8
#DAE7CC
#DCE1D0
#DFDAD4
#E2D3D8
#E5CCDC
#E8C4E1
#DDF2BE
#E0EAC3
#E4E1C8
#E7D9CD
#EAD1D2
#EEC8D7
#F2BEDD
Colorpallet from #BEDDF2 to #DDF2BE and to #F2DDBE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C3E0EA
#C3E0EA
#C4DFEA
#C4DFEA
#C5DEEA
#C5DEEA
#C6DDEA
#C8E4E1
#C9E3E1
#CAE2E1
#CBE1E1
#CCE0E1
#CEDEE1
#CFDDE1
#CDE7D9
#CFE5D9
#D0E4D9
#D2E2D9
#D3E1D9
#D5DFD9
#D7DDD9
#D2EAD1
#D4E8D1
#D6E6D1
#D8E4D1
#DAE2D1
#DCE0D1
#DFDDD1
#D7EEC8
#DAEBC8
#DCE9C8
#DFE6C8
#E2E3C8
#E5E0C8
#E8DDC8
#DDF2BE
#E0EFBE
#E4EBBE
#E7E8BE
#EAE5BE
#EEE1BE
#F2DDBE
Colorpallet from #BEDDF2 to #F2BEDD and to #F2DDBE
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#BEDDF2
#C6D8EF
#C6D9EE
#C6DAED
#C6DAED
#C6DBEC
#C6DCEB
#C6DDEA
#CFD3EB
#CFD5E9
#CFD6E8
#CFD8E6
#CFD9E5
#CFDBE3
#CFDDE1
#D7CEE8
#D7D0E6
#D7D3E3
#D7D5E1
#D7D8DE
#D7DADC
#D7DDD9
#DFC9E5
#DFCCE2
#DFCFDF
#DFD3DB
#DFD6D8
#DFD9D5
#DFDDD1
#E8C4E1
#E8C8DD
#E8CCD9
#E8D0D5
#E8D4D1
#E8D8CD
#E8DDC8
#F2BEDD
#F2C3D8
#F2C8D3
#F2CDCE
#F2D2C9
#F2D7C4
#F2DDBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts