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 #BAF2DA to #BADAF2 and to #F2BADA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAEEDE
#BBEDDD
#BDECDD
#BEECDC
#C0EBDB
#C1EADB
#C3E9DA
#BAEAE2
#BDE8E1
#C0E7DF
#C3E5DE
#C6E4DD
#C8E2DC
#CCE0DA
#BAE6E6
#BEE4E4
#C3E1E2
#C7DFE0
#CBDCDE
#D0DADC
#D5D7DA
#BAE3E9
#C0E0E7
#C6DCE4
#CBD9E2
#D1D6DF
#D7D2DD
#DECEDA
#BADFED
#C1DBEA
#C8D7E7
#D0D3E4
#D7CEE1
#DECADE
#E7C5DA
#BADAF2
#C3D5EE
#CCD0EA
#D5CBE6
#DEC6E3
#E7C0DF
#F2BADA
Colorpallet from #BAF2DA to #BADAF2 and to #F2DABA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAEEDE
#BBEEDD
#BDEEDB
#BEEEDA
#C0EED8
#C1EED7
#C3EED5
#BAEAE2
#BDEADF
#C0EADC
#C3EAD9
#C6EAD6
#C8EAD4
#CCEAD0
#BAE6E6
#BEE6E2
#C3E6DD
#C7E6D9
#CBE6D5
#D0E6D0
#D5E6CB
#BAE3E9
#C0E3E3
#C6E3DE
#CBE3D8
#D1E3D3
#D7E3CD
#DEE3C6
#BADFED
#C1DFE6
#C8DFDF
#D0DFD7
#D7DFD0
#DEDFC9
#E7DFC0
#BADAF2
#C3DAE9
#CCDAE0
#D5DAD7
#DEDACE
#E7DAC5
#F2DABA
Colorpallet from #BAF2DA to #BADAF2 and to #DABAF2
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAEEDE
#BBEDDE
#BCECDE
#BCECDE
#BDEBDE
#BEEADE
#BFE9DE
#BAEAE2
#BCE8E2
#BDE7E2
#BFE5E2
#C0E4E2
#C2E2E2
#C4E0E2
#BAE6E6
#BCE4E6
#BFE1E6
#C1DFE6
#C4DCE6
#C6DAE6
#C9D7E6
#BAE3E9
#BDE0E9
#C0DCE9
#C4D9E9
#C7D6E9
#CAD2E9
#CECEE9
#BADFED
#BEDBED
#C2D7ED
#C6D3ED
#CBCEED
#CFCAED
#D4C5ED
#BADAF2
#BFD5F2
#C4D0F2
#C9CBF2
#CEC6F2
#D4C0F2
#DABAF2
Colorpallet from #BAF2DA to #BADAF2 and to #DAF2BA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAEEDE
#BBEFDD
#BCEFDB
#BCF0DA
#BDF1D8
#BEF1D7
#BFF2D5
#BAEAE2
#BCEBDF
#BDEDDC
#BFEED9
#C0EFD6
#C2F0D4
#C4F2D0
#BAE6E6
#BCE8E2
#BFEADD
#C1ECD9
#C4EED5
#C6F0D0
#C9F2CB
#BAE3E9
#BDE5E3
#C0E8DE
#C4EAD8
#C7EDD3
#CAEFCD
#CEF2C6
#BADFED
#BEE2E6
#C2E5DF
#C6E8D7
#CBEBD0
#CFEEC9
#D4F2C0
#BADAF2
#BFDEE9
#C4E2E0
#C9E6D7
#CEE9CE
#D4EDC5
#DAF2BA
Colorpallet from #BAF2DA to #F2BADA and to #F2DABA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#C3E9DA
#C3EAD9
#C3EBD8
#C3EBD8
#C3ECD7
#C3EDD6
#C3EED5
#CCE0DA
#CCE2D8
#CCE3D7
#CCE5D5
#CCE6D4
#CCE8D2
#CCEAD0
#D5D7DA
#D5D9D8
#D5DCD5
#D5DED3
#D5E1D0
#D5E3CE
#D5E6CB
#DECEDA
#DED1D7
#DED5D4
#DED8D0
#DEDBCD
#DEDFCA
#DEE3C6
#E7C5DA
#E7C9D6
#E7CDD2
#E7D1CE
#E7D6C9
#E7DAC5
#E7DFC0
#F2BADA
#F2BFD5
#F2C4D0
#F2C9CB
#F2CEC6
#F2D4C0
#F2DABA
Colorpallet from #BAF2DA to #F2BADA and to #DABAF2
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#C3E9DA
#C2E9DB
#C2E9DB
#C1E9DC
#C0E9DD
#C0E9DD
#BFE9DE
#CCE0DA
#CBE0DB
#C9E0DD
#C8E0DE
#C7E0DF
#C6E0E0
#C4E0E2
#D5D7DA
#D3D7DC
#D1D7DE
#CFD7E0
#CDD7E2
#CBD7E4
#C9D7E6
#DECEDA
#DBCEDC
#D9CEDF
#D6CEE1
#D4CEE4
#D1CEE6
#CECEE9
#E7C5DA
#E4C5DD
#E1C5E0
#DEC5E3
#DBC5E6
#D8C5E9
#D4C5ED
#F2BADA
#EEBADE
#EABAE2
#E6BAE6
#E3BAE9
#DFBAED
#DABAF2
Colorpallet from #BAF2DA to #F2BADA and to #DAF2BA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#C3E9DA
#C2EAD9
#C2ECD8
#C1EDD8
#C0EFD7
#C0F0D6
#BFF2D5
#CCE0DA
#CBE3D8
#C9E6D7
#C8E9D5
#C7ECD4
#C6EED2
#C4F2D0
#D5D7DA
#D3DBD8
#D1E0D5
#CFE4D3
#CDE8D0
#CBEDCE
#C9F2CB
#DECEDA
#DBD4D7
#D9DAD4
#D6DFD0
#D4E5CD
#D1EBCA
#CEF2C6
#E7C5DA
#E4CCD6
#E1D3D2
#DEDBCE
#DBE2C9
#D8E9C5
#D4F2C0
#F2BADA
#EEC3D5
#EACCD0
#E6D5CB
#E3DEC6
#DFE7C0
#DAF2BA
Colorpallet from #BAF2DA to #F2DABA and to #DABAF2
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#C3EED5
#C2EDD6
#C2ECD8
#C1ECD9
#C0EBDB
#C0EADC
#BFE9DE
#CCEAD0
#CBE8D3
#C9E7D6
#C8E5D9
#C7E4DC
#C6E2DE
#C4E0E2
#D5E6CB
#D3E4CF
#D1E1D4
#CFDFD8
#CDDCDC
#CBDAE1
#C9D7E6
#DEE3C6
#DBE0CC
#D9DCD1
#D6D9D7
#D4D6DC
#D1D2E2
#CECEE9
#E7DFC0
#E4DBC7
#E1D7CE
#DED3D6
#DBCEDD
#D8CAE4
#D4C5ED
#F2DABA
#EED5C3
#EAD0CC
#E6CBD5
#E3C6DE
#DFC0E7
#DABAF2
Colorpallet from #BAF2DA to #F2DABA and to #DAF2BA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#C3EED5
#C2EFD5
#C2EFD5
#C1F0D5
#C0F1D5
#C0F1D5
#BFF2D5
#CCEAD0
#CBEBD0
#C9EDD0
#C8EED0
#C7EFD0
#C6F0D0
#C4F2D0
#D5E6CB
#D3E8CB
#D1EACB
#CFECCB
#CDEECB
#CBF0CB
#C9F2CB
#DEE3C6
#DBE5C6
#D9E8C6
#D6EAC6
#D4EDC6
#D1EFC6
#CEF2C6
#E7DFC0
#E4E2C0
#E1E5C0
#DEE8C0
#DBEBC0
#D8EEC0
#D4F2C0
#F2DABA
#EEDEBA
#EAE2BA
#E6E6BA
#E3E9BA
#DFEDBA
#DAF2BA
Colorpallet from #BAF2DA to #DABAF2 and to #DAF2BA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BAF2DA
#BFE9DE
#BFEADD
#BFECDB
#BFEDDA
#BFEFD8
#BFF0D7
#BFF2D5
#C4E0E2
#C4E3DF
#C4E6DC
#C4E9D9
#C4ECD6
#C4EED4
#C4F2D0
#C9D7E6
#C9DBE2
#C9E0DD
#C9E4D9
#C9E8D5
#C9EDD0
#C9F2CB
#CECEE9
#CED4E3
#CEDADE
#CEDFD8
#CEE5D3
#CEEBCD
#CEF2C6
#D4C5ED
#D4CCE6
#D4D3DF
#D4DBD7
#D4E2D0
#D4E9C9
#D4F2C0
#DABAF2
#DAC3E9
#DACCE0
#DAD5D7
#DADECE
#DAE7C5
#DAF2BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts