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 #F4C2D9 to #F4D9C2 and to #C2F4D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C6D5
#F3C7D6
#F1C7D6
#F0C8D7
#EFC9D8
#EEC9D8
#ECCAD9
#F4C9D2
#F1CAD3
#EFCCD4
#ECCDD5
#EACFD6
#E7D0D8
#E4D2D9
#F4CDCE
#F0CFD0
#ECD1D2
#E8D3D3
#E5D5D5
#E1D7D7
#DCDAD9
#F4D1CA
#EFD4CC
#EAD6CF
#E5D9D1
#E0DCD4
#DADFD6
#D4E2D9
#F4D4C7
#EED8CA
#E7DBCD
#E1DFD0
#DAE2D3
#D4E6D5
#CCEAD9
#F4D9C2
#ECDDC6
#E4E2C9
#DCE6CD
#D4EAD1
#CCEFD4
#C2F4D9
Colorpallet from #F4C2D9 to #F4D9C2 and to #C2D9F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C6D5
#F3C6D6
#F1C6D8
#F0C6D9
#EFC6DA
#EEC6DB
#ECC6DD
#F4C9D2
#F1C9D5
#EFC9D7
#ECC9DA
#EAC9DC
#E7C9DF
#E4C9E2
#F4CDCE
#F0CDD2
#ECCDD6
#E8CDDA
#E5CDDD
#E1CDE1
#DCCDE6
#F4D1CA
#EFD1CF
#EAD1D4
#E5D1D9
#E0D1DE
#DAD1E4
#D4D1EA
#F4D4C7
#EED4CD
#E7D4D4
#E1D4DA
#DAD4E1
#D4D4E7
#CCD4EF
#F4D9C2
#ECD9CA
#E4D9D2
#DCD9DA
#D4D9E2
#CCD9EA
#C2D9F4
Colorpallet from #F4C2D9 to #F4D9C2 and to #D9F4C2
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C6D5
#F3C7D5
#F3C7D5
#F2C8D5
#F1C9D5
#F1C9D5
#F0CAD5
#F4C9D2
#F3CAD2
#F1CCD2
#F0CDD2
#EECFD2
#EDD0D2
#EBD2D2
#F4CDCE
#F2CFCE
#F0D1CE
#EED3CE
#ECD5CE
#EAD7CE
#E7DACE
#F4D1CA
#F1D4CA
#EFD6CA
#ECD9CA
#E9DCCA
#E6DFCA
#E3E2CA
#F4D4C7
#F0D8C7
#EDDBC7
#E9DFC7
#E6E2C7
#E2E6C7
#DEEAC7
#F4D9C2
#F0DDC2
#EBE2C2
#E7E6C2
#E3EAC2
#DEEFC2
#D9F4C2
Colorpallet from #F4C2D9 to #F4D9C2 and to #D9C2F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C6D5
#F3C5D6
#F3C5D8
#F2C4D9
#F1C3DA
#F1C3DB
#F0C2DD
#F4C9D2
#F3C8D5
#F1C7D7
#F0C6DA
#EEC5DC
#EDC3DF
#EBC2E2
#F4CDCE
#F2CBD2
#F0C9D6
#EEC8DA
#ECC6DD
#EAC4E1
#E7C2E6
#F4D1CA
#F1CFCF
#EFCCD4
#ECCAD9
#E9C7DE
#E6C5E4
#E3C2EA
#F4D4C7
#F0D1CD
#EDCED4
#E9CBDA
#E6C8E1
#E2C6E7
#DEC2EF
#F4D9C2
#F0D5CA
#EBD2D2
#E7CEDA
#E3CAE2
#DEC7EA
#D9C2F4
Colorpallet from #F4C2D9 to #C2F4D9 and to #C2D9F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#ECCAD9
#ECC9DA
#ECC9DA
#ECC8DB
#ECC7DC
#ECC7DC
#ECC6DD
#E4D2D9
#E4D1DA
#E4CFDC
#E4CEDD
#E4CCDF
#E4CBE0
#E4C9E2
#DCDAD9
#DCD8DB
#DCD6DD
#DCD4DF
#DCD2E1
#DCD0E3
#DCCDE6
#D4E2D9
#D4DFDC
#D4DDDE
#D4DAE1
#D4D7E4
#D4D4E7
#D4D1EA
#CCEAD9
#CCE6DD
#CCE3E0
#CCDFE4
#CCDCE7
#CCD8EB
#CCD4EF
#C2F4D9
#C2F0DD
#C2EBE2
#C2E7E6
#C2E3EA
#C2DEEF
#C2D9F4
Colorpallet from #F4C2D9 to #C2F4D9 and to #D9F4C2
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#ECCAD9
#EDCAD8
#EDCAD8
#EECAD7
#EFCAD6
#EFCAD6
#F0CAD5
#E4D2D9
#E5D2D8
#E6D2D7
#E7D2D6
#E8D2D5
#EAD2D3
#EBD2D2
#DCDAD9
#DEDAD7
#E0DAD5
#E1DAD4
#E3DAD2
#E5DAD0
#E7DACE
#D4E2D9
#D6E2D7
#D9E2D4
#DBE2D2
#DEE2CF
#E0E2CD
#E3E2CA
#CCEAD9
#CFEAD6
#D2EAD3
#D5EAD0
#D8EACD
#DAEACB
#DEEAC7
#C2F4D9
#C6F4D5
#C9F4D2
#CDF4CE
#D1F4CA
#D4F4C7
#D9F4C2
Colorpallet from #F4C2D9 to #C2F4D9 and to #D9C2F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#ECCAD9
#EDC9DA
#EDC7DA
#EEC6DB
#EFC5DC
#EFC4DC
#F0C2DD
#E4D2D9
#E5CFDA
#E6CDDC
#E7CADD
#E8C8DF
#EAC5E0
#EBC2E2
#DCDAD9
#DED6DB
#E0D2DD
#E1CEDF
#E3CBE1
#E5C7E3
#E7C2E6
#D4E2D9
#D6DDDC
#D9D8DE
#DBD3E1
#DECEE4
#E0C8E7
#E3C2EA
#CCEAD9
#CFE4DD
#D2DDE0
#D5D7E4
#D8D0E7
#DACAEB
#DEC2EF
#C2F4D9
#C6ECDD
#C9E4E2
#CDDCE6
#D1D4EA
#D4CCEF
#D9C2F4
Colorpallet from #F4C2D9 to #C2D9F4 and to #D9F4C2
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#ECC6DD
#EDC7DC
#EDC7DA
#EEC8D9
#EFC9D8
#EFC9D7
#F0CAD5
#E4C9E2
#E5CADF
#E6CCDD
#E7CDDA
#E8CFD8
#EAD0D5
#EBD2D2
#DCCDE6
#DECFE2
#E0D1DE
#E1D3DA
#E3D5D7
#E5D7D3
#E7DACE
#D4D1EA
#D6D4E5
#D9D6E0
#DBD9DB
#DEDCD6
#E0DFD0
#E3E2CA
#CCD4EF
#CFD8E9
#D2DBE2
#D5DFDC
#D8E2D5
#DAE6CF
#DEEAC7
#C2D9F4
#C6DDEC
#C9E2E4
#CDE6DC
#D1EAD4
#D4EFCC
#D9F4C2
Colorpallet from #F4C2D9 to #C2D9F4 and to #D9C2F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#ECC6DD
#EDC5DD
#EDC5DD
#EEC4DD
#EFC3DD
#EFC3DD
#F0C2DD
#E4C9E2
#E5C8E2
#E6C7E2
#E7C6E2
#E8C5E2
#EAC3E2
#EBC2E2
#DCCDE6
#DECBE6
#E0C9E6
#E1C8E6
#E3C6E6
#E5C4E6
#E7C2E6
#D4D1EA
#D6CFEA
#D9CCEA
#DBCAEA
#DEC7EA
#E0C5EA
#E3C2EA
#CCD4EF
#CFD1EF
#D2CEEF
#D5CBEF
#D8C8EF
#DAC6EF
#DEC2EF
#C2D9F4
#C6D5F4
#C9D2F4
#CDCEF4
#D1CAF4
#D4C7F4
#D9C2F4
Colorpallet from #F4C2D9 to #D9F4C2 and to #D9C2F4
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F4C2D9
#F0CAD5
#F0C9D6
#F0C7D8
#F0C6D9
#F0C5DA
#F0C4DB
#F0C2DD
#EBD2D2
#EBCFD5
#EBCDD7
#EBCADA
#EBC8DC
#EBC5DF
#EBC2E2
#E7DACE
#E7D6D2
#E7D2D6
#E7CEDA
#E7CBDD
#E7C7E1
#E7C2E6
#E3E2CA
#E3DDCF
#E3D8D4
#E3D3D9
#E3CEDE
#E3C8E4
#E3C2EA
#DEEAC7
#DEE4CD
#DEDDD4
#DED7DA
#DED0E1
#DECAE7
#DEC2EF
#D9F4C2
#D9ECCA
#D9E4D2
#D9DCDA
#D9D4E2
#D9CCEA
#D9C2F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts