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 #BDDCF2 to #BDF2DC and to #DCBDF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDE0EE
#BEDFEF
#BFDDEF
#BFDCF0
#C0DAF1
#C1D9F1
#C2D7F2
#BDE3EB
#BFE0EC
#C0DEED
#C2DBEE
#C3D8EF
#C5D5F1
#C7D2F2
#BDE7E7
#BFE3E9
#C2DFEB
#C4DBEC
#C7D6EE
#C9D2F0
#CCCDF2
#BDEAE4
#C0E5E6
#C3DFE8
#C7DAEB
#CAD4ED
#CDCFEF
#D1C8F2
#BDEEE0
#C1E7E3
#C5E0E6
#C9D9E9
#CDD2EC
#D1CCEE
#D6C3F2
#BDF2DC
#C2EAE0
#C7E1E3
#CCD9E7
#D1D0EA
#D6C8EE
#DCBDF2
Colorpallet from #BDDCF2 to #BDF2DC and to #DCF2BD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDE0EE
#BEE0ED
#BFE0ED
#BFE0EC
#C0E0EB
#C1E0EB
#C2E0EA
#BDE3EB
#BFE3E9
#C0E3E8
#C2E3E6
#C3E3E5
#C5E3E3
#C7E3E1
#BDE7E7
#BFE7E5
#C2E7E3
#C4E7E0
#C7E7DE
#C9E7DC
#CCE7D9
#BDEAE4
#C0EAE1
#C3EADE
#C7EADA
#CAEAD7
#CDEAD4
#D1EAD0
#BDEEE0
#C1EEDC
#C5EED8
#C9EED4
#CDEED1
#D1EECD
#D6EEC8
#BDF2DC
#C2F2D7
#C7F2D2
#CCF2CD
#D1F2C8
#D6F2C3
#DCF2BD
Colorpallet from #BDDCF2 to #BDF2DC and to #F2BDDC
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDE0EE
#BEDFEE
#C0DDEE
#C1DCEE
#C2DAEE
#C3D9EE
#C5D7EE
#BDE3EB
#C0E0EB
#C2DEEB
#C5DBEB
#C8D8EB
#CBD5EB
#CED2EB
#BDE7E7
#C1E3E7
#C5DFE7
#C9DBE7
#CDD6E7
#D1D2E7
#D6CDE7
#BDEAE4
#C2E5E4
#C8DFE4
#CDDAE4
#D3D4E4
#D8CFE4
#DFC8E4
#BDEEE0
#C4E7E0
#CAE0E0
#D1D9E0
#D8D2E0
#DFCCE0
#E7C3E0
#BDF2DC
#C5EADC
#CEE1DC
#D6D9DC
#DFD0DC
#E7C8DC
#F2BDDC
Colorpallet from #BDDCF2 to #BDF2DC and to #F2DCBD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDE0EE
#BEDFED
#C0DFED
#C1DEEC
#C2DDEB
#C3DDEB
#C5DCEA
#BDE3EB
#C0E2E9
#C2E1E8
#C5E0E6
#C8DFE5
#CBDDE3
#CEDCE1
#BDE7E7
#C1E5E5
#C5E3E3
#C9E2E0
#CDE0DE
#D1DEDC
#D6DCD9
#BDEAE4
#C2E8E1
#C8E6DE
#CDE3DA
#D3E1D7
#D8DFD4
#DFDCD0
#BDEEE0
#C4EBDC
#CAE8D8
#D1E5D4
#D8E2D1
#DFE0CD
#E7DCC8
#BDF2DC
#C5EED7
#CEEBD2
#D6E7CD
#DFE4C8
#E7E0C3
#F2DCBD
Colorpallet from #BDDCF2 to #DCBDF2 and to #DCF2BD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C2D7F2
#C2D8F1
#C2DAEF
#C2DBEE
#C2DDED
#C2DEEC
#C2E0EA
#C7D2F2
#C7D5EF
#C7D7ED
#C7DAEA
#C7DDE7
#C7E0E4
#C7E3E1
#CCCDF2
#CCD1EE
#CCD5EA
#CCD9E6
#CCDEE2
#CCE2DE
#CCE7D9
#D1C8F2
#D1CDED
#D1D3E7
#D1D8E2
#D1DEDC
#D1E3D7
#D1EAD0
#D6C3F2
#D6CAEB
#D6D1E5
#D6D8DE
#D6DFD7
#D6E5D0
#D6EEC8
#DCBDF2
#DCC5EA
#DCCEE1
#DCD6D9
#DCDFD0
#DCE7C8
#DCF2BD
Colorpallet from #BDDCF2 to #DCBDF2 and to #F2BDDC
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C2D7F2
#C2D7F1
#C3D7F1
#C3D7F0
#C4D7EF
#C4D7EF
#C5D7EE
#C7D2F2
#C8D2F1
#C9D2F0
#CAD2EF
#CBD2EE
#CDD2EC
#CED2EB
#CCCDF2
#CECDF0
#CFCDEE
#D1CDED
#D2CDEB
#D4CDE9
#D6CDE7
#D1C8F2
#D3C8F0
#D5C8EE
#D8C8EB
#DAC8E9
#DCC8E7
#DFC8E4
#D6C3F2
#D9C3EF
#DBC3EC
#DEC3E9
#E1C3E6
#E4C3E4
#E7C3E0
#DCBDF2
#E0BDEE
#E3BDEB
#E7BDE7
#EABDE4
#EEBDE0
#F2BDDC
Colorpallet from #BDDCF2 to #DCBDF2 and to #F2DCBD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C2D7F2
#C2D8F1
#C3D9EF
#C3D9EE
#C4DAED
#C4DBEC
#C5DCEA
#C7D2F2
#C8D4EF
#C9D5ED
#CAD7EA
#CBD8E7
#CDDAE4
#CEDCE1
#CCCDF2
#CECFEE
#CFD2EA
#D1D4E6
#D2D7E2
#D4D9DE
#D6DCD9
#D1C8F2
#D3CBED
#D5CEE7
#D8D2E2
#DAD5DC
#DCD8D7
#DFDCD0
#D6C3F2
#D9C7EB
#DBCBE5
#DECFDE
#E1D3D7
#E4D7D0
#E7DCC8
#DCBDF2
#E0C2EA
#E3C7E1
#E7CCD9
#EAD1D0
#EED6C8
#F2DCBD
Colorpallet from #BDDCF2 to #DCF2BD and to #F2BDDC
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C2E0EA
#C2DFEB
#C3DDEB
#C3DCEC
#C4DAED
#C4D9ED
#C5D7EE
#C7E3E1
#C8E0E3
#C9DEE4
#CADBE6
#CBD8E7
#CDD5E9
#CED2EB
#CCE7D9
#CEE3DB
#CFDFDD
#D1DBE0
#D2D6E2
#D4D2E4
#D6CDE7
#D1EAD0
#D3E5D3
#D5DFD6
#D8DADA
#DAD4DD
#DCCFE0
#DFC8E4
#D6EEC8
#D9E7CC
#DBE0D0
#DED9D4
#E1D2D7
#E4CCDB
#E7C3E0
#DCF2BD
#E0EAC2
#E3E1C7
#E7D9CC
#EAD0D1
#EEC8D6
#F2BDDC
Colorpallet from #BDDCF2 to #DCF2BD and to #F2DCBD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C2E0EA
#C2DFEA
#C3DFEA
#C3DEEA
#C4DDEA
#C4DDEA
#C5DCEA
#C7E3E1
#C8E2E1
#C9E1E1
#CAE0E1
#CBDFE1
#CDDDE1
#CEDCE1
#CCE7D9
#CEE5D9
#CFE3D9
#D1E2D9
#D2E0D9
#D4DED9
#D6DCD9
#D1EAD0
#D3E8D0
#D5E6D0
#D8E3D0
#DAE1D0
#DCDFD0
#DFDCD0
#D6EEC8
#D9EBC8
#DBE8C8
#DEE5C8
#E1E2C8
#E4E0C8
#E7DCC8
#DCF2BD
#E0EEBD
#E3EBBD
#E7E7BD
#EAE4BD
#EEE0BD
#F2DCBD
Colorpallet from #BDDCF2 to #F2BDDC and to #F2DCBD
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#BDDCF2
#C5D7EE
#C5D8ED
#C5D9ED
#C5D9EC
#C5DAEB
#C5DBEB
#C5DCEA
#CED2EB
#CED4E9
#CED5E8
#CED7E6
#CED8E5
#CEDAE3
#CEDCE1
#D6CDE7
#D6CFE5
#D6D2E3
#D6D4E0
#D6D7DE
#D6D9DC
#D6DCD9
#DFC8E4
#DFCBE1
#DFCEDE
#DFD2DA
#DFD5D7
#DFD8D4
#DFDCD0
#E7C3E0
#E7C7DC
#E7CBD8
#E7CFD4
#E7D3D1
#E7D7CD
#E7DCC8
#F2BDDC
#F2C2D7
#F2C7D2
#F2CCCD
#F2D1C8
#F2D6C3
#F2DCBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts