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 #F2C5D6 to #F2D6C5 and to #C5F2D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C8D3
#F1C9D3
#F0C9D4
#EFCAD4
#EECBD5
#ECCBD5
#EBCCD6
#F2CAD1
#F0CBD2
#EECDD3
#EBCED3
#E9D0D4
#E7D1D5
#E4D3D6
#F2CDCE
#EECFCF
#EBD1D1
#E7D4D2
#E4D6D3
#E0D8D4
#DCDBD6
#F2D0CB
#EDD3CD
#E9D6CF
#E4D9D0
#DFDCD2
#DBDED4
#D5E2D6
#F2D3C8
#ECD7CA
#E6DACC
#E1DECF
#DBE1D1
#D5E5D3
#CEE9D6
#F2D6C5
#EBDAC8
#E4DFCA
#DCE3CD
#D5E8D0
#CEECD3
#C5F2D6
Colorpallet from #F2C5D6 to #F2D6C5 and to #C5D6F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C8D3
#F1C8D4
#F0C8D5
#EFC8D6
#EEC8D7
#ECC8D9
#EBC8DA
#F2CAD1
#F0CAD3
#EECAD5
#EBCAD8
#E9CADA
#E7CADC
#E4CADF
#F2CDCE
#EECDD1
#EBCDD5
#E7CDD8
#E4CDDB
#E0CDDF
#DCCDE3
#F2D0CB
#EDD0D0
#E9D0D4
#E4D0D9
#DFD0DE
#DBD0E2
#D5D0E8
#F2D3C8
#ECD3CE
#E6D3D4
#E1D3D9
#DBD3DF
#D5D3E5
#CED3EC
#F2D6C5
#EBD6CC
#E4D6D3
#DCD6DB
#D5D6E2
#CED6E9
#C5D6F2
Colorpallet from #F2C5D6 to #F2D6C5 and to #D6F2C5
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C8D3
#F1C9D3
#F1C9D3
#F0CAD3
#EFCBD3
#EFCBD3
#EECCD3
#F2CAD1
#F1CBD1
#EFCDD1
#EECED1
#ECD0D1
#EBD1D1
#E9D3D1
#F2CDCE
#F0CFCE
#EED1CE
#ECD4CE
#EAD6CE
#E8D8CE
#E5DBCE
#F2D0CB
#EFD3CB
#ECD6CB
#E9D9CB
#E6DCCB
#E4DECB
#E0E2CB
#F2D3C8
#EED7C8
#EBDAC8
#E7DEC8
#E4E1C8
#E0E5C8
#DCE9C8
#F2D6C5
#EEDAC5
#E9DFC5
#E5E3C5
#E0E8C5
#DCECC5
#D6F2C5
Colorpallet from #F2C5D6 to #F2D6C5 and to #D6C5F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C8D3
#F1C8D4
#F1C7D5
#F0C7D6
#EFC6D7
#EFC6D9
#EEC5DA
#F2CAD1
#F1C9D3
#EFC8D5
#EEC8D8
#ECC7DA
#EBC6DC
#E9C5DF
#F2CDCE
#F0CCD1
#EECAD5
#ECC9D8
#EAC8DB
#E8C7DF
#E5C5E3
#F2D0CB
#EFCED0
#ECCCD4
#E9CBD9
#E6C9DE
#E4C7E2
#E0C5E8
#F2D3C8
#EED1CE
#EBCFD4
#E7CCD9
#E4CADF
#E0C8E5
#DCC5EC
#F2D6C5
#EED3CC
#E9D1D3
#E5CEDB
#E0CBE2
#DCC8E9
#D6C5F2
Colorpallet from #F2C5D6 to #C5F2D6 and to #C5D6F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EBCCD6
#EBCBD7
#EBCBD7
#EBCAD8
#EBC9D9
#EBC9D9
#EBC8DA
#E4D3D6
#E4D2D7
#E4D0D9
#E4CFDA
#E4CDDC
#E4CCDD
#E4CADF
#DCDBD6
#DCD9D8
#DCD7DA
#DCD4DC
#DCD2DE
#DCD0E0
#DCCDE3
#D5E2D6
#D5DFD9
#D5DCDC
#D5D9DF
#D5D6E2
#D5D4E4
#D5D0E8
#CEE9D6
#CEE5DA
#CEE2DD
#CEDEE1
#CEDBE4
#CED7E8
#CED3EC
#C5F2D6
#C5EEDA
#C5E9DF
#C5E5E3
#C5E0E8
#C5DCEC
#C5D6F2
Colorpallet from #F2C5D6 to #C5F2D6 and to #D6F2C5
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EBCCD6
#EBCCD6
#ECCCD5
#ECCCD5
#EDCCD4
#EDCCD4
#EECCD3
#E4D3D6
#E5D3D5
#E6D3D4
#E6D3D4
#E7D3D3
#E8D3D2
#E9D3D1
#DCDBD6
#DDDBD5
#DFDBD3
#E0DBD2
#E2DBD1
#E3DBD0
#E5DBCE
#D5E2D6
#D7E2D4
#D9E2D2
#DAE2D1
#DCE2CF
#DEE2CD
#E0E2CB
#CEE9D6
#D0E9D4
#D2E9D2
#D5E9CF
#D7E9CD
#D9E9CB
#DCE9C8
#C5F2D6
#C8F2D3
#CAF2D1
#CDF2CE
#D0F2CB
#D3F2C8
#D6F2C5
Colorpallet from #F2C5D6 to #C5F2D6 and to #D6C5F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EBCCD6
#EBCBD7
#ECCAD7
#ECC9D8
#EDC8D9
#EDC6D9
#EEC5DA
#E4D3D6
#E5D1D7
#E6CFD9
#E6CCDA
#E7CADC
#E8C8DD
#E9C5DF
#DCDBD6
#DDD7D8
#DFD4DA
#E0D0DC
#E2CDDE
#E3C9E0
#E5C5E3
#D5E2D6
#D7DDD9
#D9D9DC
#DAD4DF
#DCCFE2
#DECBE4
#E0C5E8
#CEE9D6
#D0E3DA
#D2DDDD
#D5D8E1
#D7D2E4
#D9CCE8
#DCC5EC
#C5F2D6
#C8EBDA
#CAE4DF
#CDDCE3
#D0D5E8
#D3CEEC
#D6C5F2
Colorpallet from #F2C5D6 to #C5D6F2 and to #D6F2C5
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EBC8DA
#EBC9D9
#ECC9D8
#ECCAD7
#EDCBD6
#EDCBD4
#EECCD3
#E4CADF
#E5CBDD
#E6CDDB
#E6CED8
#E7D0D6
#E8D1D4
#E9D3D1
#DCCDE3
#DDCFE0
#DFD1DC
#E0D4D9
#E2D6D6
#E3D8D2
#E5DBCE
#D5D0E8
#D7D3E3
#D9D6DF
#DAD9DA
#DCDCD5
#DEDED1
#E0E2CB
#CED3EC
#D0D7E6
#D2DAE0
#D5DEDB
#D7E1D5
#D9E5CF
#DCE9C8
#C5D6F2
#C8DAEB
#CADFE4
#CDE3DC
#D0E8D5
#D3ECCE
#D6F2C5
Colorpallet from #F2C5D6 to #C5D6F2 and to #D6C5F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EBC8DA
#EBC8DA
#ECC7DA
#ECC7DA
#EDC6DA
#EDC6DA
#EEC5DA
#E4CADF
#E5C9DF
#E6C8DF
#E6C8DF
#E7C7DF
#E8C6DF
#E9C5DF
#DCCDE3
#DDCCE3
#DFCAE3
#E0C9E3
#E2C8E3
#E3C7E3
#E5C5E3
#D5D0E8
#D7CEE8
#D9CCE8
#DACBE8
#DCC9E8
#DEC7E8
#E0C5E8
#CED3EC
#D0D1EC
#D2CFEC
#D5CCEC
#D7CAEC
#D9C8EC
#DCC5EC
#C5D6F2
#C8D3F2
#CAD1F2
#CDCEF2
#D0CBF2
#D3C8F2
#D6C5F2
Colorpallet from #F2C5D6 to #D6F2C5 and to #D6C5F2
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#F2C5D6
#EECCD3
#EECBD4
#EECAD5
#EEC9D6
#EEC8D7
#EEC6D9
#EEC5DA
#E9D3D1
#E9D1D3
#E9CFD5
#E9CCD8
#E9CADA
#E9C8DC
#E9C5DF
#E5DBCE
#E5D7D1
#E5D4D5
#E5D0D8
#E5CDDB
#E5C9DF
#E5C5E3
#E0E2CB
#E0DDD0
#E0D9D4
#E0D4D9
#E0CFDE
#E0CBE2
#E0C5E8
#DCE9C8
#DCE3CE
#DCDDD4
#DCD8D9
#DCD2DF
#DCCCE5
#DCC5EC
#D6F2C5
#D6EBCC
#D6E4D3
#D6DCDB
#D6D5E2
#D6CEE9
#D6C5F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts