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 #BADCF5 to #BAF5DC and to #DCBAF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BAE0F1
#BBDFF2
#BCDDF2
#BCDCF3
#BDDAF4
#BED9F4
#BFD7F5
#BAE4ED
#BCE1EE
#BEDEF0
#BFDBF1
#C1D8F2
#C3D5F3
#C5D1F5
#BAE8E9
#BDE4EB
#BFDFED
#C2DBEF
#C4D6F1
#C7D2F3
#CACCF5
#BAECE5
#BEE6E8
#C1E0EA
#C5DAED
#C8D4EF
#CCCEF2
#D0C6F5
#BAF0E1
#BEE8E4
#C3E1E7
#C7D9EB
#CBD2EE
#D0CAF1
#D5C1F5
#BAF5DC
#BFECE0
#C5E2E4
#CAD9E8
#D0CFEC
#D5C6F0
#DCBAF5
Colorpallet from #BADCF5 to #BAF5DC and to #DCF5BA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BAE0F1
#BBE0F0
#BCE0EF
#BCE0EF
#BDE0EE
#BEE0ED
#BFE0EC
#BAE4ED
#BCE4EB
#BEE4E9
#BFE4E8
#C1E4E6
#C3E4E4
#C5E4E2
#BAE8E9
#BDE8E6
#BFE8E4
#C2E8E1
#C4E8DF
#C7E8DC
#CAE8D9
#BAECE5
#BEECE1
#C1ECDE
#C5ECDA
#C8ECD7
#CCECD3
#D0ECCF
#BAF0E1
#BEF0DD
#C3F0D8
#C7F0D4
#CBF0D0
#D0F0CB
#D5F0C6
#BAF5DC
#BFF5D7
#C5F5D1
#CAF5CC
#D0F5C6
#D5F5C1
#DCF5BA
Colorpallet from #BADCF5 to #BAF5DC and to #F5BADC
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BAE0F1
#BBDFF1
#BDDDF1
#BEDCF1
#C0DAF1
#C1D9F1
#C3D7F1
#BAE4ED
#BDE1ED
#C0DEED
#C3DBED
#C6D8ED
#C9D5ED
#CDD1ED
#BAE8E9
#BEE4E9
#C3DFE9
#C7DBE9
#CCD6E9
#D0D2E9
#D6CCE9
#BAECE5
#C0E6E5
#C6E0E5
#CCDAE5
#D2D4E5
#D8CEE5
#E0C6E5
#BAF0E1
#C2E8E1
#C9E1E1
#D1D9E1
#D8D2E1
#E0CAE1
#E9C1E1
#BAF5DC
#C3ECDC
#CDE2DC
#D6D9DC
#E0CFDC
#E9C6DC
#F5BADC
Colorpallet from #BADCF5 to #BAF5DC and to #F5DCBA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BAE0F1
#BBDFF0
#BDDFEF
#BEDEEF
#C0DDEE
#C1DDED
#C3DCEC
#BAE4ED
#BDE3EB
#C0E1E9
#C3E0E8
#C6DFE6
#C9DEE4
#CDDCE2
#BAE8E9
#BEE6E6
#C3E4E4
#C7E2E1
#CCE0DF
#D0DEDC
#D6DCD9
#BAECE5
#C0E9E1
#C6E7DE
#CCE4DA
#D2E2D7
#D8DFD3
#E0DCCF
#BAF0E1
#C2EDDD
#C9EAD8
#D1E6D4
#D8E3D0
#E0E0CB
#E9DCC6
#BAF5DC
#C3F1D7
#CDEDD1
#D6E9CC
#E0E5C6
#E9E1C1
#F5DCBA
Colorpallet from #BADCF5 to #DCBAF5 and to #DCF5BA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BFD7F5
#BFD8F4
#BFDAF2
#BFDBF1
#BFDDEF
#BFDEEE
#BFE0EC
#C5D1F5
#C5D4F2
#C5D7EF
#C5DAEC
#C5DDE9
#C5E0E6
#C5E4E2
#CACCF5
#CAD0F1
#CAD5EC
#CAD9E8
#CADEE3
#CAE2DF
#CAE8D9
#D0C6F5
#D0CCEF
#D0D2E9
#D0D8E3
#D0DEDD
#D0E4D7
#D0ECCF
#D5C1F5
#D5C9ED
#D5D0E6
#D5D8DE
#D5DFD7
#D5E7CF
#D5F0C6
#DCBAF5
#DCC3EC
#DCCDE2
#DCD6D9
#DCE0CF
#DCE9C6
#DCF5BA
Colorpallet from #BADCF5 to #DCBAF5 and to #F5BADC
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BFD7F5
#C0D7F4
#C0D7F4
#C1D7F3
#C2D7F2
#C2D7F2
#C3D7F1
#C5D1F5
#C6D1F4
#C8D1F2
#C9D1F1
#CAD1F0
#CBD1EF
#CDD1ED
#CACCF5
#CCCCF3
#CECCF1
#D0CCEF
#D2CCED
#D4CCEB
#D6CCE9
#D0C6F5
#D3C6F2
#D5C6F0
#D8C6ED
#DAC6EB
#DDC6E8
#E0C6E5
#D5C1F5
#D8C1F2
#DBC1EF
#DFC1EB
#E2C1E8
#E5C1E5
#E9C1E1
#DCBAF5
#E0BAF1
#E4BAED
#E8BAE9
#ECBAE5
#F0BAE1
#F5BADC
Colorpallet from #BADCF5 to #DCBAF5 and to #F5DCBA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BFD7F5
#C0D8F4
#C0D9F2
#C1D9F1
#C2DAEF
#C2DBEE
#C3DCEC
#C5D1F5
#C6D3F2
#C8D5EF
#C9D6EC
#CAD8E9
#CBDAE6
#CDDCE2
#CACCF5
#CCCFF1
#CED1EC
#D0D4E8
#D2D6E3
#D4D9DF
#D6DCD9
#D0C6F5
#D3CAEF
#D5CDE9
#D8D1E3
#DAD4DD
#DDD8D7
#E0DCCF
#D5C1F5
#D8C5ED
#DBCAE6
#DFCEDE
#E2D2D7
#E5D7CF
#E9DCC6
#DCBAF5
#E0BFEC
#E4C5E2
#E8CAD9
#ECD0CF
#F0D5C6
#F5DCBA
Colorpallet from #BADCF5 to #DCF5BA and to #F5BADC
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BFE0EC
#C0DFED
#C0DDEE
#C1DCEE
#C2DAEF
#C2D9F0
#C3D7F1
#C5E4E2
#C6E1E4
#C8DEE6
#C9DBE7
#CAD8E9
#CBD5EB
#CDD1ED
#CAE8D9
#CCE4DC
#CEDFDE
#D0DBE1
#D2D6E3
#D4D2E6
#D6CCE9
#D0ECCF
#D3E6D3
#D5E0D6
#D8DADA
#DAD4DD
#DDCEE1
#E0C6E5
#D5F0C6
#D8E8CA
#DBE1CF
#DFD9D3
#E2D2D7
#E5CADC
#E9C1E1
#DCF5BA
#E0ECBF
#E4E2C5
#E8D9CA
#ECCFD0
#F0C6D5
#F5BADC
Colorpallet from #BADCF5 to #DCF5BA and to #F5DCBA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BFE0EC
#C0DFEC
#C0DFEC
#C1DEEC
#C2DDEC
#C2DDEC
#C3DCEC
#C5E4E2
#C6E3E2
#C8E1E2
#C9E0E2
#CADFE2
#CBDEE2
#CDDCE2
#CAE8D9
#CCE6D9
#CEE4D9
#D0E2D9
#D2E0D9
#D4DED9
#D6DCD9
#D0ECCF
#D3E9CF
#D5E7CF
#D8E4CF
#DAE2CF
#DDDFCF
#E0DCCF
#D5F0C6
#D8EDC6
#DBEAC6
#DFE6C6
#E2E3C6
#E5E0C6
#E9DCC6
#DCF5BA
#E0F1BA
#E4EDBA
#E8E9BA
#ECE5BA
#F0E1BA
#F5DCBA
Colorpallet from #BADCF5 to #F5BADC and to #F5DCBA
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#BADCF5
#C3D7F1
#C3D8F0
#C3D9EF
#C3D9EF
#C3DAEE
#C3DBED
#C3DCEC
#CDD1ED
#CDD3EB
#CDD5E9
#CDD6E8
#CDD8E6
#CDDAE4
#CDDCE2
#D6CCE9
#D6CFE6
#D6D1E4
#D6D4E1
#D6D6DF
#D6D9DC
#D6DCD9
#E0C6E5
#E0CAE1
#E0CDDE
#E0D1DA
#E0D4D7
#E0D8D3
#E0DCCF
#E9C1E1
#E9C5DD
#E9CAD8
#E9CED4
#E9D2D0
#E9D7CB
#E9DCC6
#F5BADC
#F5BFD7
#F5C5D1
#F5CACC
#F5D0C6
#F5D5C1
#F5DCBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts