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 #ABECD3 to #ABD3EC and to #ECABD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABE8D7
#ADE7D6
#AEE6D6
#B0E5D5
#B1E4D4
#B3E3D4
#B5E2D3
#ABE4DB
#AEE2DA
#B2E0D8
#B5DED7
#B8DCD6
#BCDAD5
#C0D7D3
#ABE0DF
#B0DDDD
#B5DADB
#BAD7D9
#BFD4D7
#C4D1D5
#CACDD3
#ABDCE3
#B2D8E0
#B8D4DE
#BFD0DB
#C6CBD9
#CDC7D6
#D5C2D3
#ABD8E7
#B3D3E4
#BCCEE1
#C4C9DD
#CCC4DA
#D5BED7
#DFB8D3
#ABD3EC
#B5CDE8
#C0C6E4
#CAC0E0
#D5B9DC
#DFB3D8
#ECABD3
Colorpallet from #ABECD3 to #ABD3EC and to #ECD3AB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABE8D7
#ADE8D5
#AEE8D4
#B0E8D2
#B1E8D1
#B3E8CF
#B5E8CD
#ABE4DB
#AEE4D8
#B2E4D4
#B5E4D1
#B8E4CE
#BCE4CA
#C0E4C6
#ABE0DF
#B0E0DA
#B5E0D5
#BAE0D0
#BFE0CB
#C4E0C6
#CAE0C0
#ABDCE3
#B2DCDC
#B8DCD6
#BFDCCF
#C6DCC8
#CDDCC1
#D5DCB9
#ABD8E7
#B3D8DF
#BCD8D6
#C4D8CE
#CCD8C6
#D5D8BD
#DFD8B3
#ABD3EC
#B5D3E2
#C0D3D7
#CAD3CD
#D5D3C2
#DFD3B8
#ECD3AB
Colorpallet from #ABECD3 to #ABD3EC and to #D3ABEC
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABE8D7
#ACE7D7
#ADE6D7
#AEE5D7
#AFE4D7
#B0E3D7
#B1E2D7
#ABE4DB
#ADE2DB
#AFE0DB
#B1DEDB
#B3DCDB
#B5DADB
#B8D7DB
#ABE0DF
#AEDDDF
#B1DADF
#B4D7DF
#B7D4DF
#BAD1DF
#BECDDF
#ABDCE3
#AFD8E3
#B3D4E3
#B7D0E3
#BCCBE3
#C0C7E3
#C5C2E3
#ABD8E7
#B0D3E7
#B5CEE7
#BAC9E7
#BFC4E7
#C5BEE7
#CBB8E7
#ABD3EC
#B1CDEC
#B8C6EC
#BEC0EC
#C5B9EC
#CBB3EC
#D3ABEC
Colorpallet from #ABECD3 to #ABD3EC and to #D3ECAB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABE8D7
#ACE9D5
#ADE9D4
#AEEAD2
#AFEBD1
#B0EBCF
#B1ECCD
#ABE4DB
#ADE5D8
#AFE7D4
#B1E8D1
#B3E9CE
#B5EACA
#B8ECC6
#ABE0DF
#AEE2DA
#B1E4D5
#B4E6D0
#B7E8CB
#BAEAC6
#BEECC0
#ABDCE3
#AFDFDC
#B3E1D6
#B7E4CF
#BCE6C8
#C0E9C1
#C5ECB9
#ABD8E7
#B0DBDF
#B5DED6
#BAE2CE
#BFE5C6
#C5E8BD
#CBECB3
#ABD3EC
#B1D7E2
#B8DBD7
#BEDFCD
#C5E3C2
#CBE7B8
#D3ECAB
Colorpallet from #ABECD3 to #ECABD3 and to #ECD3AB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B5E2D3
#B5E3D2
#B5E4D1
#B5E5D0
#B5E6CF
#B5E7CE
#B5E8CD
#C0D7D3
#C0D9D1
#C0DBCF
#C0DDCD
#C0DFCB
#C0E1C9
#C0E4C6
#CACDD3
#CAD0D0
#CAD3CD
#CAD6CA
#CAD9C7
#CADCC4
#CAE0C0
#D5C2D3
#D5C6CF
#D5CACB
#D5CEC7
#D5D3C2
#D5D7BE
#D5DCB9
#DFB8D3
#DFBDCE
#DFC2C9
#DFC7C4
#DFCCBF
#DFD2B9
#DFD8B3
#ECABD3
#ECB1CD
#ECB8C6
#ECBEC0
#ECC5B9
#ECCBB3
#ECD3AB
Colorpallet from #ABECD3 to #ECABD3 and to #D3ABEC
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B5E2D3
#B4E2D4
#B4E2D4
#B3E2D5
#B2E2D6
#B2E2D6
#B1E2D7
#C0D7D3
#BFD7D4
#BDD7D6
#BCD7D7
#BBD7D8
#BAD7D9
#B8D7DB
#CACDD3
#C8CDD5
#C6CDD7
#C4CDD9
#C2CDDB
#C0CDDD
#BECDDF
#D5C2D3
#D2C2D6
#D0C2D8
#CDC2DB
#CBC2DD
#C8C2E0
#C5C2E3
#DFB8D3
#DCB8D6
#D9B8D9
#D5B8DD
#D2B8E0
#CFB8E3
#CBB8E7
#ECABD3
#E8ABD7
#E4ABDB
#E0ABDF
#DCABE3
#D8ABE7
#D3ABEC
Colorpallet from #ABECD3 to #ECABD3 and to #D3ECAB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B5E2D3
#B4E4D2
#B4E5D1
#B3E7D0
#B2E8CF
#B2EACE
#B1ECCD
#C0D7D3
#BFDAD1
#BDDECF
#BCE1CD
#BBE4CB
#BAE8C9
#B8ECC6
#CACDD3
#C8D2D0
#C6D7CD
#C4DCCA
#C2E1C7
#C0E6C4
#BEECC0
#D5C2D3
#D2C9CF
#D0CFCB
#CDD6C7
#CBDDC2
#C8E4BE
#C5ECB9
#DFB8D3
#DCC0CE
#D9C9C9
#D5D1C4
#D2D9BF
#CFE2B9
#CBECB3
#ECABD3
#E8B5CD
#E4C0C6
#E0CAC0
#DCD5B9
#D8DFB3
#D3ECAB
Colorpallet from #ABECD3 to #ECD3AB and to #D3ABEC
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B5E8CD
#B4E7CF
#B4E6D0
#B3E5D2
#B2E4D3
#B2E3D5
#B1E2D7
#C0E4C6
#BFE2C9
#BDE0CD
#BCDED0
#BBDCD3
#BADAD7
#B8D7DB
#CAE0C0
#C8DDC5
#C6DACA
#C4D7CF
#C2D4D4
#C0D1D9
#BECDDF
#D5DCB9
#D2D8C0
#D0D4C6
#CDD0CD
#CBCBD4
#C8C7DB
#C5C2E3
#DFD8B3
#DCD3BB
#D9CEC4
#D5C9CC
#D2C4D4
#CFBEDD
#CBB8E7
#ECD3AB
#E8CDB5
#E4C6C0
#E0C0CA
#DCB9D5
#D8B3DF
#D3ABEC
Colorpallet from #ABECD3 to #ECD3AB and to #D3ECAB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B5E8CD
#B4E9CD
#B4E9CD
#B3EACD
#B2EBCD
#B2EBCD
#B1ECCD
#C0E4C6
#BFE5C6
#BDE7C6
#BCE8C6
#BBE9C6
#BAEAC6
#B8ECC6
#CAE0C0
#C8E2C0
#C6E4C0
#C4E6C0
#C2E8C0
#C0EAC0
#BEECC0
#D5DCB9
#D2DFB9
#D0E1B9
#CDE4B9
#CBE6B9
#C8E9B9
#C5ECB9
#DFD8B3
#DCDBB3
#D9DEB3
#D5E2B3
#D2E5B3
#CFE8B3
#CBECB3
#ECD3AB
#E8D7AB
#E4DBAB
#E0DFAB
#DCE3AB
#D8E7AB
#D3ECAB
Colorpallet from #ABECD3 to #D3ABEC and to #D3ECAB
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#ABECD3
#B1E2D7
#B1E4D5
#B1E5D4
#B1E7D2
#B1E8D1
#B1EACF
#B1ECCD
#B8D7DB
#B8DAD8
#B8DED4
#B8E1D1
#B8E4CE
#B8E8CA
#B8ECC6
#BECDDF
#BED2DA
#BED7D5
#BEDCD0
#BEE1CB
#BEE6C6
#BEECC0
#C5C2E3
#C5C9DC
#C5CFD6
#C5D6CF
#C5DDC8
#C5E4C1
#C5ECB9
#CBB8E7
#CBC0DF
#CBC9D6
#CBD1CE
#CBD9C6
#CBE2BD
#CBECB3
#D3ABEC
#D3B5E2
#D3C0D7
#D3CACD
#D3D5C2
#D3DFB8
#D3ECAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts