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 #F2C8E0 to #F2E0C8 and to #C8F2E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2CCDC
#F1CCDD
#F0CDDD
#EFCDDE
#EECEDF
#ECCEDF
#EBCFE0
#F2D0D8
#F0D1D9
#EED2DB
#ECD2DC
#EAD3DD
#E8D4DE
#E5D5E0
#F2D4D4
#EFD5D6
#ECD7D8
#E8D8DA
#E5D9DC
#E2DADE
#DEDCE0
#F2D7D1
#EED9D3
#E9DBD6
#E5DDD8
#E1DFDB
#DCE1DD
#D7E3E0
#F2DBCD
#EDDDD0
#E7E0D3
#E2E2D6
#DCE5D9
#D7E7DC
#D0EAE0
#F2E0C8
#EBE3CC
#E5E6D0
#DEE9D4
#D7ECD7
#D0EEDB
#C8F2E0
Colorpallet from #F2C8E0 to #F2E0C8 and to #C8E0F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2CCDC
#F1CCDD
#F0CCDE
#EFCCDF
#EECCE0
#ECCCE2
#EBCCE3
#F2D0D8
#F0D0DA
#EED0DC
#ECD0DF
#EAD0E1
#E8D0E3
#E5D0E6
#F2D4D4
#EFD4D7
#ECD4DB
#E8D4DE
#E5D4E1
#E2D4E5
#DED4E9
#F2D7D1
#EED7D5
#E9D7DA
#E5D7DE
#E1D7E2
#DCD7E7
#D7D7EC
#F2DBCD
#EDDBD2
#E7DBD8
#E2DBDD
#DCDBE2
#D7DBE7
#D0DBEE
#F2E0C8
#EBE0CF
#E5E0D5
#DEE0DC
#D7E0E3
#D0E0EA
#C8E0F2
Colorpallet from #F2C8E0 to #F2E0C8 and to #E0F2C8
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2CCDC
#F2CCDC
#F1CDDC
#F1CDDC
#F0CEDC
#F0CEDC
#EFCFDC
#F2D0D8
#F1D1D8
#F0D2D8
#EFD2D8
#EED3D8
#EDD4D8
#ECD5D8
#F2D4D4
#F1D5D4
#EFD7D4
#EED8D4
#ECD9D4
#EBDAD4
#E9DCD4
#F2D7D1
#F0D9D1
#EEDBD1
#ECDDD1
#EADFD1
#E8E1D1
#E6E3D1
#F2DBCD
#F0DDCD
#EEE0CD
#EBE2CD
#E9E5CD
#E7E7CD
#E4EACD
#F2E0C8
#EFE3C8
#ECE6C8
#E9E9C8
#E6ECC8
#E4EEC8
#E0F2C8
Colorpallet from #F2C8E0 to #F2E0C8 and to #E0C8F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2CCDC
#F2CBDD
#F1CBDE
#F1CADF
#F0C9E0
#F0C9E2
#EFC8E3
#F2D0D8
#F1CFDA
#F0CDDC
#EFCCDF
#EECBE1
#EDCAE3
#ECC8E6
#F2D4D4
#F1D2D7
#EFD0DB
#EECEDE
#ECCCE1
#EBCAE5
#E9C8E9
#F2D7D1
#F0D5D5
#EED2DA
#ECD0DE
#EACDE2
#E8CBE7
#E6C8EC
#F2DBCD
#F0D8D2
#EED5D8
#EBD2DD
#E9CFE2
#E7CCE7
#E4C8EE
#F2E0C8
#EFDCCF
#ECD8D5
#E9D4DC
#E6D1E3
#E4CDEA
#E0C8F2
Colorpallet from #F2C8E0 to #C8F2E0 and to #C8E0F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EBCFE0
#EBCFE0
#EBCEE1
#EBCEE1
#EBCDE2
#EBCDE2
#EBCCE3
#E5D5E0
#E5D4E1
#E5D3E2
#E5D3E3
#E5D2E4
#E5D1E5
#E5D0E6
#DEDCE0
#DEDBE1
#DED9E3
#DED8E4
#DED7E6
#DED6E7
#DED4E9
#D7E3E0
#D7E1E2
#D7DFE4
#D7DDE6
#D7DBE8
#D7D9EA
#D7D7EC
#D0EAE0
#D0E8E2
#D0E5E4
#D0E3E7
#D0E0E9
#D0DEEB
#D0DBEE
#C8F2E0
#C8EFE3
#C8ECE6
#C8E9E9
#C8E6EC
#C8E4EE
#C8E0F2
Colorpallet from #F2C8E0 to #C8F2E0 and to #E0F2C8
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EBCFE0
#ECCFDF
#ECCFDF
#EDCFDE
#EECFDD
#EECFDD
#EFCFDC
#E5D5E0
#E6D5DF
#E7D5DD
#E8D5DC
#E9D5DB
#EBD5DA
#ECD5D8
#DEDCE0
#E0DCDE
#E2DCDC
#E3DCDA
#E5DCD8
#E7DCD6
#E9DCD4
#D7E3E0
#D9E3DE
#DCE3DB
#DEE3D9
#E1E3D6
#E3E3D4
#E6E3D1
#D0EAE0
#D3EADD
#D6EADA
#DAEAD7
#DDEAD4
#E0EAD1
#E4EACD
#C8F2E0
#CCF2DC
#D0F2D8
#D4F2D4
#D7F2D1
#DBF2CD
#E0F2C8
Colorpallet from #F2C8E0 to #C8F2E0 and to #E0C8F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EBCFE0
#ECCEE0
#ECCDE1
#EDCCE1
#EECBE2
#EEC9E2
#EFC8E3
#E5D5E0
#E6D3E1
#E7D1E2
#E8CFE3
#E9CDE4
#EBCBE5
#ECC8E6
#DEDCE0
#E0D9E1
#E2D6E3
#E3D2E4
#E5CFE6
#E7CCE7
#E9C8E9
#D7E3E0
#D9DFE2
#DCDAE4
#DED6E6
#E1D2E8
#E3CDEA
#E6C8EC
#D0EAE0
#D3E5E2
#D6DFE4
#DADAE7
#DDD4E9
#E0CFEB
#E4C8EE
#C8F2E0
#CCEBE3
#D0E5E6
#D4DEE9
#D7D7EC
#DBD0EE
#E0C8F2
Colorpallet from #F2C8E0 to #C8E0F2 and to #E0F2C8
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EBCCE3
#ECCCE2
#ECCDE1
#EDCDE0
#EECEDF
#EECEDD
#EFCFDC
#E5D0E6
#E6D1E4
#E7D2E2
#E8D2DF
#E9D3DD
#EBD4DB
#ECD5D8
#DED4E9
#E0D5E6
#E2D7E2
#E3D8DF
#E5D9DC
#E7DAD8
#E9DCD4
#D7D7EC
#D9D9E8
#DCDBE3
#DEDDDF
#E1DFDB
#E3E1D6
#E6E3D1
#D0DBEE
#D3DDE9
#D6E0E3
#DAE2DE
#DDE5D9
#E0E7D4
#E4EACD
#C8E0F2
#CCE3EB
#D0E6E5
#D4E9DE
#D7ECD7
#DBEED0
#E0F2C8
Colorpallet from #F2C8E0 to #C8E0F2 and to #E0C8F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EBCCE3
#ECCBE3
#ECCBE3
#EDCAE3
#EEC9E3
#EEC9E3
#EFC8E3
#E5D0E6
#E6CFE6
#E7CDE6
#E8CCE6
#E9CBE6
#EBCAE6
#ECC8E6
#DED4E9
#E0D2E9
#E2D0E9
#E3CEE9
#E5CCE9
#E7CAE9
#E9C8E9
#D7D7EC
#D9D5EC
#DCD2EC
#DED0EC
#E1CDEC
#E3CBEC
#E6C8EC
#D0DBEE
#D3D8EE
#D6D5EE
#DAD2EE
#DDCFEE
#E0CCEE
#E4C8EE
#C8E0F2
#CCDCF2
#D0D8F2
#D4D4F2
#D7D1F2
#DBCDF2
#E0C8F2
Colorpallet from #F2C8E0 to #E0F2C8 and to #E0C8F2
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#F2C8E0
#EFCFDC
#EFCEDD
#EFCDDE
#EFCCDF
#EFCBE0
#EFC9E2
#EFC8E3
#ECD5D8
#ECD3DA
#ECD1DC
#ECCFDF
#ECCDE1
#ECCBE3
#ECC8E6
#E9DCD4
#E9D9D7
#E9D6DB
#E9D2DE
#E9CFE1
#E9CCE5
#E9C8E9
#E6E3D1
#E6DFD5
#E6DADA
#E6D6DE
#E6D2E2
#E6CDE7
#E6C8EC
#E4EACD
#E4E5D2
#E4DFD8
#E4DADD
#E4D4E2
#E4CFE7
#E4C8EE
#E0F2C8
#E0EBCF
#E0E5D5
#E0DEDC
#E0D7E3
#E0D0EA
#E0C8F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts