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 #BAF5DE to #BADEF5 and to #F5BADE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF1E2
#BBF0E1
#BDEFE1
#BEEFE0
#C0EEDF
#C1EDDF
#C3ECDE
#BAEEE5
#BDECE4
#C0EAE3
#C3E8E2
#C6E6E1
#C9E4DF
#CDE2DE
#BAEAE9
#BEE7E7
#C3E5E5
#C7E2E4
#CCDFE2
#D0DCE0
#D6D9DE
#BAE6ED
#C0E2EB
#C6DFE8
#CCDBE6
#D2D7E3
#D8D4E1
#E0CFDE
#BAE3F0
#C2DEED
#C9DAEA
#D1D5E7
#D8D0E4
#E0CCE2
#E9C6DE
#BADEF5
#C3D8F1
#CDD2EE
#D6CDEA
#E0C7E6
#E9C1E3
#F5BADE
Colorpallet from #BAF5DE to #BADEF5 and to #F5DEBA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF1E2
#BBF1E0
#BDF1DF
#BEF1DD
#C0F1DC
#C1F1DA
#C3F1D8
#BAEEE5
#BDEEE2
#C0EEDF
#C3EEDC
#C6EED9
#C9EED6
#CDEED2
#BAEAE9
#BEEAE5
#C3EAE0
#C7EADC
#CCEAD7
#D0EAD3
#D6EACD
#BAE6ED
#C0E6E7
#C6E6E1
#CCE6DB
#D2E6D5
#D8E6CF
#E0E6C7
#BAE3F0
#C2E3E8
#C9E3E1
#D1E3D9
#D8E3D2
#E0E3CA
#E9E3C1
#BADEF5
#C3DEEC
#CDDEE2
#D6DED9
#E0DECF
#E9DEC6
#F5DEBA
Colorpallet from #BAF5DE to #BADEF5 and to #DEBAF5
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF1E2
#BBF0E2
#BCEFE2
#BDEFE2
#BEEEE2
#BFEDE2
#C0ECE2
#BAEEE5
#BCECE5
#BEEAE5
#C0E8E5
#C2E6E5
#C4E4E5
#C6E2E5
#BAEAE9
#BDE7E9
#BFE5E9
#C2E2E9
#C5DFE9
#C8DCE9
#CBD9E9
#BAE6ED
#BEE2ED
#C1DFED
#C5DBED
#C9D7ED
#CCD4ED
#D1CFED
#BAE3F0
#BFDEF0
#C3DAF0
#C8D5F0
#CDD0F0
#D1CCF0
#D7C6F0
#BADEF5
#C0D8F5
#C6D2F5
#CBCDF5
#D1C7F5
#D7C1F5
#DEBAF5
Colorpallet from #BAF5DE to #BADEF5 and to #DEF5BA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF1E2
#BBF2E0
#BCF2DF
#BDF3DD
#BEF4DC
#BFF4DA
#C0F5D8
#BAEEE5
#BCEFE2
#BEF0DF
#C0F1DC
#C2F2D9
#C4F4D6
#C6F5D2
#BAEAE9
#BDECE5
#BFEEE0
#C2EFDC
#C5F1D7
#C8F3D3
#CBF5CD
#BAE6ED
#BEE8E7
#C1EBE1
#C5EDDB
#C9F0D5
#CCF2CF
#D1F5C7
#BAE3F0
#BFE6E8
#C3E9E1
#C8ECD9
#CDEFD2
#D1F1CA
#D7F5C1
#BADEF5
#C0E2EC
#C6E5E2
#CBE9D9
#D1EDCF
#D7F0C6
#DEF5BA
Colorpallet from #BAF5DE to #F5BADE and to #F5DEBA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C3ECDE
#C3EDDD
#C3EEDC
#C3EEDB
#C3EFDA
#C3F0D9
#C3F1D8
#CDE2DE
#CDE4DC
#CDE6DA
#CDE8D8
#CDEAD6
#CDECD4
#CDEED2
#D6D9DE
#D6DCDB
#D6DED9
#D6E1D6
#D6E4D3
#D6E7D0
#D6EACD
#E0CFDE
#E0D3DA
#E0D6D7
#E0DAD3
#E0DECF
#E0E1CC
#E0E6C7
#E9C6DE
#E9CBD9
#E9CFD5
#E9D4D0
#E9D9CB
#E9DDC7
#E9E3C1
#F5BADE
#F5C0D8
#F5C6D2
#F5CBCD
#F5D1C7
#F5D7C1
#F5DEBA
Colorpallet from #BAF5DE to #F5BADE and to #DEBAF5
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C3ECDE
#C3ECDF
#C2ECDF
#C2ECE0
#C1ECE1
#C1ECE1
#C0ECE2
#CDE2DE
#CCE2DF
#CBE2E0
#CAE2E1
#C9E2E2
#C7E2E4
#C6E2E5
#D6D9DE
#D4D9E0
#D2D9E2
#D1D9E3
#CFD9E5
#CDD9E7
#CBD9E9
#E0CFDE
#DECFE0
#DBCFE3
#D9CFE5
#D6CFE8
#D4CFEA
#D1CFED
#E9C6DE
#E6C6E1
#E3C6E4
#E0C6E7
#DDC6EA
#DBC6EC
#D7C6F0
#F5BADE
#F1BAE2
#EEBAE5
#EABAE9
#E6BAED
#E3BAF0
#DEBAF5
Colorpallet from #BAF5DE to #F5BADE and to #DEF5BA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C3ECDE
#C3EDDD
#C2EFDC
#C2F0DB
#C1F2DA
#C1F3D9
#C0F5D8
#CDE2DE
#CCE5DC
#CBE8DA
#CAEBD8
#C9EED6
#C7F1D4
#C6F5D2
#D6D9DE
#D4DDDB
#D2E2D9
#D1E6D6
#CFEBD3
#CDEFD0
#CBF5CD
#E0CFDE
#DED5DA
#DBDBD7
#D9E1D3
#D6E7CF
#D4EDCC
#D1F5C7
#E9C6DE
#E6CED9
#E3D5D5
#E0DDD0
#DDE4CB
#DBECC7
#D7F5C1
#F5BADE
#F1C3D8
#EECDD2
#EAD6CD
#E6E0C7
#E3E9C1
#DEF5BA
Colorpallet from #BAF5DE to #F5DEBA and to #DEBAF5
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C3F1D8
#C3F0DA
#C2EFDB
#C2EFDD
#C1EEDE
#C1EDE0
#C0ECE2
#CDEED2
#CCECD5
#CBEAD8
#CAE8DB
#C9E6DE
#C7E4E1
#C6E2E5
#D6EACD
#D4E7D1
#D2E5D6
#D1E2DA
#CFDFDF
#CDDCE3
#CBD9E9
#E0E6C7
#DEE2CD
#DBDFD3
#D9DBD9
#D6D7DF
#D4D4E5
#D1CFED
#E9E3C1
#E6DEC9
#E3DAD0
#E0D5D8
#DDD0DF
#DBCCE7
#D7C6F0
#F5DEBA
#F1D8C3
#EED2CD
#EACDD6
#E6C7E0
#E3C1E9
#DEBAF5
Colorpallet from #BAF5DE to #F5DEBA and to #DEF5BA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C3F1D8
#C3F2D8
#C2F2D8
#C2F3D8
#C1F4D8
#C1F4D8
#C0F5D8
#CDEED2
#CCEFD2
#CBF0D2
#CAF1D2
#C9F2D2
#C7F4D2
#C6F5D2
#D6EACD
#D4ECCD
#D2EECD
#D1EFCD
#CFF1CD
#CDF3CD
#CBF5CD
#E0E6C7
#DEE8C7
#DBEBC7
#D9EDC7
#D6F0C7
#D4F2C7
#D1F5C7
#E9E3C1
#E6E6C1
#E3E9C1
#E0ECC1
#DDEFC1
#DBF1C1
#D7F5C1
#F5DEBA
#F1E2BA
#EEE5BA
#EAE9BA
#E6EDBA
#E3F0BA
#DEF5BA
Colorpallet from #BAF5DE to #DEBAF5 and to #DEF5BA
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#BAF5DE
#C0ECE2
#C0EDE0
#C0EFDF
#C0F0DD
#C0F2DC
#C0F3DA
#C0F5D8
#C6E2E5
#C6E5E2
#C6E8DF
#C6EBDC
#C6EED9
#C6F1D6
#C6F5D2
#CBD9E9
#CBDDE5
#CBE2E0
#CBE6DC
#CBEBD7
#CBEFD3
#CBF5CD
#D1CFED
#D1D5E7
#D1DBE1
#D1E1DB
#D1E7D5
#D1EDCF
#D1F5C7
#D7C6F0
#D7CEE8
#D7D5E1
#D7DDD9
#D7E4D2
#D7ECCA
#D7F5C1
#DEBAF5
#DEC3EC
#DECDE2
#DED6D9
#DEE0CF
#DEE9C6
#DEF5BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts