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 #F2C3D3 to #F2D3C3 and to #C3F2D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C6D0
#F1C7D0
#EFC8D1
#EEC8D1
#EDC9D2
#ECCAD2
#EACBD3
#F2C8CE
#F0CACF
#EDCBD0
#EBCDD0
#E8CED1
#E6D0D2
#E3D2D3
#F2CBCB
#EECDCC
#EBD0CE
#E7D2CF
#E3D5D0
#E0D7D1
#DBDAD3
#F2CDC9
#EDD0CB
#E8D3CC
#E4D7CE
#DFDACF
#DADDD1
#D4E1D3
#F2D0C6
#ECD4C8
#E6D8CA
#E0DCCC
#DAE0CE
#D4E4D0
#CCE9D3
#F2D3C3
#EAD8C6
#E3DDC8
#DBE2CB
#D4E7CD
#CCECD0
#C3F2D3
Colorpallet from #F2C3D3 to #F2D3C3 and to #C3D3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C6D0
#F1C6D1
#EFC6D3
#EEC6D4
#EDC6D5
#ECC6D6
#EAC6D8
#F2C8CE
#F0C8D0
#EDC8D3
#EBC8D5
#E8C8D8
#E6C8DA
#E3C8DD
#F2CBCB
#EECBCF
#EBCBD2
#E7CBD6
#E3CBDA
#E0CBDD
#DBCBE2
#F2CDC9
#EDCDCE
#E8CDD3
#E4CDD7
#DFCDDC
#DACDE1
#D4CDE7
#F2D0C6
#ECD0CC
#E6D0D2
#E0D0D8
#DAD0DE
#D4D0E4
#CCD0EC
#F2D3C3
#EAD3CB
#E3D3D2
#DBD3DA
#D4D3E1
#CCD3E9
#C3D3F2
Colorpallet from #F2C3D3 to #F2D3C3 and to #D3F2C3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C6D0
#F1C7D0
#F0C8D0
#F0C8D0
#EFC9D0
#EECAD0
#EDCBD0
#F2C8CE
#F0CACE
#EFCBCE
#EDCDCE
#ECCECE
#EAD0CE
#E8D2CE
#F2CBCB
#F0CDCB
#EDD0CB
#EBD2CB
#E8D5CB
#E6D7CB
#E3DACB
#F2CDC9
#EFD0C9
#ECD3C9
#E8D7C9
#E5DAC9
#E2DDC9
#DEE1C9
#F2D0C6
#EED4C6
#EAD8C6
#E6DCC6
#E2E0C6
#DEE4C6
#D9E9C6
#F2D3C3
#EDD8C3
#E8DDC3
#E3E2C3
#DEE7C3
#D9ECC3
#D3F2C3
Colorpallet from #F2C3D3 to #F2D3C3 and to #D3C3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C6D0
#F1C6D1
#F0C5D3
#F0C5D4
#EFC4D5
#EEC4D6
#EDC3D8
#F2C8CE
#F0C7D0
#EFC6D3
#EDC6D5
#ECC5D8
#EAC4DA
#E8C3DD
#F2CBCB
#F0CACF
#EDC8D2
#EBC7D6
#E8C6DA
#E6C5DD
#E3C3E2
#F2CDC9
#EFCBCE
#ECCAD3
#E8C8D7
#E5C7DC
#E2C5E1
#DEC3E7
#F2D0C6
#EECECC
#EACCD2
#E6CAD8
#E2C8DE
#DEC6E4
#D9C3EC
#F2D3C3
#EDD0CB
#E8CED2
#E3CBDA
#DEC9E1
#D9C6E9
#D3C3F2
Colorpallet from #F2C3D3 to #C3F2D3 and to #C3D3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EACBD3
#EACAD4
#EAC9D5
#EAC9D5
#EAC8D6
#EAC7D7
#EAC6D8
#E3D2D3
#E3D0D5
#E3CFD6
#E3CDD8
#E3CCD9
#E3CADB
#E3C8DD
#DBDAD3
#DBD8D5
#DBD5D8
#DBD3DA
#DBD0DD
#DBCEDF
#DBCBE2
#D4E1D3
#D4DED6
#D4DBD9
#D4D7DD
#D4D4E0
#D4D1E3
#D4CDE7
#CCE9D3
#CCE5D7
#CCE1DB
#CCDDDF
#CCD9E3
#CCD5E7
#CCD0EC
#C3F2D3
#C3EDD8
#C3E8DD
#C3E3E2
#C3DEE7
#C3D9EC
#C3D3F2
Colorpallet from #F2C3D3 to #C3F2D3 and to #D3F2C3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EACBD3
#EACBD3
#EBCBD2
#EBCBD2
#ECCBD1
#ECCBD1
#EDCBD0
#E3D2D3
#E4D2D2
#E5D2D1
#E5D2D1
#E6D2D0
#E7D2CF
#E8D2CE
#DBDAD3
#DCDAD2
#DEDAD0
#DFDACF
#E0DACE
#E1DACD
#E3DACB
#D4E1D3
#D6E1D1
#D7E1D0
#D9E1CE
#DAE1CD
#DCE1CB
#DEE1C9
#CCE9D3
#CEE9D1
#D0E9CF
#D2E9CD
#D4E9CB
#D6E9C9
#D9E9C6
#C3F2D3
#C6F2D0
#C8F2CE
#CBF2CB
#CDF2C9
#D0F2C6
#D3F2C3
Colorpallet from #F2C3D3 to #C3F2D3 and to #D3C3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EACBD3
#EACAD4
#EBC8D5
#EBC7D5
#ECC6D6
#ECC5D7
#EDC3D8
#E3D2D3
#E4D0D5
#E5CDD6
#E5CBD8
#E6C8D9
#E7C6DB
#E8C3DD
#DBDAD3
#DCD6D5
#DED3D8
#DFCFDA
#E0CBDD
#E1C8DF
#E3C3E2
#D4E1D3
#D6DCD6
#D7D7D9
#D9D3DD
#DACEE0
#DCC9E3
#DEC3E7
#CCE9D3
#CEE3D7
#D0DDDB
#D2D7DF
#D4D1E3
#D6CBE7
#D9C3EC
#C3F2D3
#C6EAD8
#C8E3DD
#CBDBE2
#CDD4E7
#D0CCEC
#D3C3F2
Colorpallet from #F2C3D3 to #C3D3F2 and to #D3F2C3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EAC6D8
#EAC7D7
#EBC8D5
#EBC8D4
#ECC9D3
#ECCAD2
#EDCBD0
#E3C8DD
#E4CADB
#E5CBD8
#E5CDD6
#E6CED3
#E7D0D1
#E8D2CE
#DBCBE2
#DCCDDE
#DED0DB
#DFD2D7
#E0D5D3
#E1D7D0
#E3DACB
#D4CDE7
#D6D0E2
#D7D3DD
#D9D7D9
#DADAD4
#DCDDCF
#DEE1C9
#CCD0EC
#CED4E6
#D0D8E0
#D2DCDA
#D4E0D4
#D6E4CE
#D9E9C6
#C3D3F2
#C6D8EA
#C8DDE3
#CBE2DB
#CDE7D4
#D0ECCC
#D3F2C3
Colorpallet from #F2C3D3 to #C3D3F2 and to #D3C3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EAC6D8
#EAC6D8
#EBC5D8
#EBC5D8
#ECC4D8
#ECC4D8
#EDC3D8
#E3C8DD
#E4C7DD
#E5C6DD
#E5C6DD
#E6C5DD
#E7C4DD
#E8C3DD
#DBCBE2
#DCCAE2
#DEC8E2
#DFC7E2
#E0C6E2
#E1C5E2
#E3C3E2
#D4CDE7
#D6CBE7
#D7CAE7
#D9C8E7
#DAC7E7
#DCC5E7
#DEC3E7
#CCD0EC
#CECEEC
#D0CCEC
#D2CAEC
#D4C8EC
#D6C6EC
#D9C3EC
#C3D3F2
#C6D0F2
#C8CEF2
#CBCBF2
#CDC9F2
#D0C6F2
#D3C3F2
Colorpallet from #F2C3D3 to #D3F2C3 and to #D3C3F2
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#F2C3D3
#EDCBD0
#EDCAD1
#EDC8D3
#EDC7D4
#EDC6D5
#EDC5D6
#EDC3D8
#E8D2CE
#E8D0D0
#E8CDD3
#E8CBD5
#E8C8D8
#E8C6DA
#E8C3DD
#E3DACB
#E3D6CF
#E3D3D2
#E3CFD6
#E3CBDA
#E3C8DD
#E3C3E2
#DEE1C9
#DEDCCE
#DED7D3
#DED3D7
#DECEDC
#DEC9E1
#DEC3E7
#D9E9C6
#D9E3CC
#D9DDD2
#D9D7D8
#D9D1DE
#D9CBE4
#D9C3EC
#D3F2C3
#D3EACB
#D3E3D2
#D3DBDA
#D3D4E1
#D3CCE9
#D3C3F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts