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 #BDDAF2 to #BDF2DA and to #DABDF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDEEE
#BEDDEF
#BFDBEF
#BFDAF0
#C0D8F1
#C1D7F1
#C2D5F2
#BDE2EA
#BEDFEB
#C0DDED
#C1DAEE
#C3D7EF
#C4D4F0
#C6D1F2
#BDE6E6
#BFE2E8
#C1DEEA
#C4DAEC
#C6D5EE
#C8D1F0
#CBCCF2
#BDE9E3
#C0E4E5
#C3DEE8
#C6D9EA
#C9D3ED
#CCCEEF
#D0C7F2
#BDEDDF
#C1E6E2
#C4E0E5
#C8D9E8
#CCD2EB
#CFCBEE
#D4C3F2
#BDF2DA
#C2EADE
#C6E1E2
#CBD9E6
#D0D0E9
#D4C8ED
#DABDF2
Colorpallet from #BDDAF2 to #BDF2DA and to #DAF2BD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDEEE
#BEDEED
#BFDEED
#BFDEEC
#C0DEEB
#C1DEEB
#C2DEEA
#BDE2EA
#BEE2E9
#C0E2E7
#C1E2E6
#C3E2E4
#C4E2E3
#C6E2E1
#BDE6E6
#BFE6E4
#C1E6E2
#C4E6E0
#C6E6DE
#C8E6DC
#CBE6D9
#BDE9E3
#C0E9E0
#C3E9DD
#C6E9DA
#C9E9D7
#CCE9D4
#D0E9D0
#BDEDDF
#C1EDDB
#C4EDD8
#C8EDD4
#CCEDD0
#CFEDCD
#D4EDC8
#BDF2DA
#C2F2D5
#C6F2D1
#CBF2CC
#D0F2C7
#D4F2C3
#DAF2BD
Colorpallet from #BDDAF2 to #BDF2DA and to #F2BDDA
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDEEE
#BEDDEE
#C0DBEE
#C1DAEE
#C2D8EE
#C3D7EE
#C5D5EE
#BDE2EA
#C0DFEA
#C2DDEA
#C5DAEA
#C8D7EA
#CBD4EA
#CED1EA
#BDE6E6
#C1E2E6
#C5DEE6
#C9DAE6
#CDD5E6
#D1D1E6
#D6CCE6
#BDE9E3
#C2E4E3
#C8DEE3
#CDD9E3
#D3D3E3
#D8CEE3
#DFC7E3
#BDEDDF
#C4E6DF
#CAE0DF
#D1D9DF
#D8D2DF
#DFCBDF
#E7C3DF
#BDF2DA
#C5EADA
#CEE1DA
#D6D9DA
#DFD0DA
#E7C8DA
#F2BDDA
Colorpallet from #BDDAF2 to #BDF2DA and to #F2DABD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDEEE
#BEDDED
#C0DDED
#C1DCEC
#C2DBEB
#C3DBEB
#C5DAEA
#BDE2EA
#C0E1E9
#C2DFE7
#C5DEE6
#C8DDE4
#CBDCE3
#CEDAE1
#BDE6E6
#C1E4E4
#C5E2E2
#C9E0E0
#CDDEDE
#D1DCDC
#D6DAD9
#BDE9E3
#C2E7E0
#C8E4DD
#CDE2DA
#D3DFD7
#D8DDD4
#DFDAD0
#BDEDDF
#C4EADB
#CAE7D8
#D1E4D4
#D8E1D0
#DFDECD
#E7DAC8
#BDF2DA
#C5EED5
#CEEAD1
#D6E6CC
#DFE3C7
#E7DFC3
#F2DABD
Colorpallet from #BDDAF2 to #DABDF2 and to #DAF2BD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C2D5F2
#C2D6F1
#C2D8EF
#C2D9EE
#C2DBED
#C2DCEC
#C2DEEA
#C6D1F2
#C6D4EF
#C6D6ED
#C6D9EA
#C6DCE7
#C6DFE4
#C6E2E1
#CBCCF2
#CBD0EE
#CBD4EA
#CBD8E6
#CBDDE2
#CBE1DE
#CBE6D9
#D0C7F2
#D0CCED
#D0D2E7
#D0D7E2
#D0DDDC
#D0E2D7
#D0E9D0
#D4C3F2
#D4CAEB
#D4D0E5
#D4D7DE
#D4DED7
#D4E5D0
#D4EDC8
#DABDF2
#DAC5EA
#DACEE1
#DAD6D9
#DADFD0
#DAE7C8
#DAF2BD
Colorpallet from #BDDAF2 to #DABDF2 and to #F2BDDA
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C2D5F2
#C2D5F1
#C3D5F1
#C3D5F0
#C4D5EF
#C4D5EF
#C5D5EE
#C6D1F2
#C7D1F1
#C9D1EF
#CAD1EE
#CBD1ED
#CCD1EC
#CED1EA
#CBCCF2
#CDCCF0
#CFCCEE
#D0CCEC
#D2CCEA
#D4CCE8
#D6CCE6
#D0C7F2
#D2C7F0
#D5C7ED
#D7C7EB
#DAC7E8
#DCC7E6
#DFC7E3
#D4C3F2
#D7C3EF
#DAC3EC
#DDC3E9
#E0C3E6
#E3C3E3
#E7C3DF
#DABDF2
#DEBDEE
#E2BDEA
#E6BDE6
#E9BDE3
#EDBDDF
#F2BDDA
Colorpallet from #BDDAF2 to #DABDF2 and to #F2DABD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C2D5F2
#C2D6F1
#C3D7EF
#C3D7EE
#C4D8ED
#C4D9EC
#C5DAEA
#C6D1F2
#C7D2EF
#C9D4ED
#CAD5EA
#CBD7E7
#CCD8E4
#CEDAE1
#CBCCF2
#CDCEEE
#CFD0EA
#D0D3E6
#D2D5E2
#D4D7DE
#D6DAD9
#D0C7F2
#D2CAED
#D5CDE7
#D7D0E2
#DAD3DC
#DCD6D7
#DFDAD0
#D4C3F2
#D7C7EB
#DACAE5
#DDCEDE
#E0D2D7
#E3D5D0
#E7DAC8
#DABDF2
#DEC2EA
#E2C6E1
#E6CBD9
#E9D0D0
#EDD4C8
#F2DABD
Colorpallet from #BDDAF2 to #DAF2BD and to #F2BDDA
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C2DEEA
#C2DDEB
#C3DBEB
#C3DAEC
#C4D8ED
#C4D7ED
#C5D5EE
#C6E2E1
#C7DFE2
#C9DDE4
#CADAE5
#CBD7E7
#CCD4E8
#CED1EA
#CBE6D9
#CDE2DB
#CFDEDD
#D0DADF
#D2D5E1
#D4D1E3
#D6CCE6
#D0E9D0
#D2E4D3
#D5DED6
#D7D9D9
#DAD3DC
#DCCEDF
#DFC7E3
#D4EDC8
#D7E6CC
#DAE0CF
#DDD9D3
#E0D2D7
#E3CBDA
#E7C3DF
#DAF2BD
#DEEAC2
#E2E1C6
#E6D9CB
#E9D0D0
#EDC8D4
#F2BDDA
Colorpallet from #BDDAF2 to #DAF2BD and to #F2DABD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C2DEEA
#C2DDEA
#C3DDEA
#C3DCEA
#C4DBEA
#C4DBEA
#C5DAEA
#C6E2E1
#C7E1E1
#C9DFE1
#CADEE1
#CBDDE1
#CCDCE1
#CEDAE1
#CBE6D9
#CDE4D9
#CFE2D9
#D0E0D9
#D2DED9
#D4DCD9
#D6DAD9
#D0E9D0
#D2E7D0
#D5E4D0
#D7E2D0
#DADFD0
#DCDDD0
#DFDAD0
#D4EDC8
#D7EAC8
#DAE7C8
#DDE4C8
#E0E1C8
#E3DEC8
#E7DAC8
#DAF2BD
#DEEEBD
#E2EABD
#E6E6BD
#E9E3BD
#EDDFBD
#F2DABD
Colorpallet from #BDDAF2 to #F2BDDA and to #F2DABD
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#BDDAF2
#C5D5EE
#C5D6ED
#C5D7ED
#C5D7EC
#C5D8EB
#C5D9EB
#C5DAEA
#CED1EA
#CED2E9
#CED4E7
#CED5E6
#CED7E4
#CED8E3
#CEDAE1
#D6CCE6
#D6CEE4
#D6D0E2
#D6D3E0
#D6D5DE
#D6D7DC
#D6DAD9
#DFC7E3
#DFCAE0
#DFCDDD
#DFD0DA
#DFD3D7
#DFD6D4
#DFDAD0
#E7C3DF
#E7C7DB
#E7CAD8
#E7CED4
#E7D2D0
#E7D5CD
#E7DAC8
#F2BDDA
#F2C2D5
#F2C6D1
#F2CBCC
#F2D0C7
#F2D4C3
#F2DABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts