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 #F7C2D4 to #F7D4C2 and to #C2F7D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C5D1
#F6C6D1
#F4C7D2
#F3C7D2
#F2C8D3
#F1C9D3
#EFCAD4
#F7C8CE
#F4CACF
#F2CCD0
#EFCDD1
#ECCFD2
#E9D1D3
#E6D3D4
#F7CBCB
#F3CECC
#EFD0CE
#EBD3CF
#E7D5D1
#E3D8D2
#DEDBD4
#F7CEC8
#F2D2CA
#ECD5CC
#E7D9CE
#E1DCD0
#DCE0D2
#D5E4D4
#F7D0C6
#F0D4C8
#EAD9CA
#E3DDCD
#DCE2CF
#D5E6D1
#CDECD4
#F7D4C2
#EFDAC5
#E6DFC8
#DEE5CB
#D5EACE
#CDF0D0
#C2F7D4
Colorpallet from #F7C2D4 to #F7D4C2 and to #C2D4F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C5D1
#F6C5D2
#F4C5D4
#F3C5D5
#F2C5D7
#F1C5D8
#EFC5DA
#F7C8CE
#F4C8D1
#F2C8D3
#EFC8D6
#ECC8D9
#E9C8DC
#E6C8DF
#F7CBCB
#F3CBCF
#EFCBD3
#EBCBD7
#E7CBDC
#E3CBE0
#DECBE5
#F7CEC8
#F2CECD
#ECCED3
#E7CED8
#E1CEDE
#DCCEE3
#D5CEEA
#F7D0C6
#F0D0CD
#EAD0D3
#E3D0DA
#DCD0E1
#D5D0E8
#CDD0F0
#F7D4C2
#EFD4CA
#E6D4D3
#DED4DB
#D5D4E4
#CDD4EC
#C2D4F7
Colorpallet from #F7C2D4 to #F7D4C2 and to #D4F7C2
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C5D1
#F6C6D1
#F5C7D1
#F4C7D1
#F3C8D1
#F2C9D1
#F1CAD1
#F7C8CE
#F5CACE
#F3CCCE
#F2CDCE
#F0CFCE
#EED1CE
#ECD3CE
#F7CBCB
#F4CECB
#F2D0CB
#EFD3CB
#ECD5CB
#E9D8CB
#E6DBCB
#F7CEC8
#F3D2C8
#F0D5C8
#ECD9C8
#E9DCC8
#E5E0C8
#E1E4C8
#F7D0C6
#F3D4C6
#EED9C6
#EADDC6
#E5E2C6
#E1E6C6
#DBECC6
#F7D4C2
#F1DAC2
#ECDFC2
#E6E5C2
#E1EAC2
#DBF0C2
#D4F7C2
Colorpallet from #F7C2D4 to #F7D4C2 and to #D4C2F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C5D1
#F6C5D2
#F5C4D4
#F4C4D5
#F3C3D7
#F2C3D8
#F1C2DA
#F7C8CE
#F5C7D1
#F3C6D3
#F2C5D6
#F0C4D9
#EEC3DC
#ECC2DF
#F7CBCB
#F4CACF
#F2C8D3
#EFC7D7
#ECC5DC
#E9C4E0
#E6C2E5
#F7CEC8
#F3CCCD
#F0CAD3
#ECC8D8
#E9C6DE
#E5C4E3
#E1C2EA
#F7D0C6
#F3CECD
#EECCD3
#EAC9DA
#E5C7E1
#E1C5E8
#DBC2F0
#F7D4C2
#F1D1CA
#ECCED3
#E6CBDB
#E1C8E4
#DBC6EC
#D4C2F7
Colorpallet from #F7C2D4 to #C2F7D4 and to #C2D4F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#EFCAD4
#EFC9D5
#EFC8D6
#EFC8D7
#EFC7D8
#EFC6D9
#EFC5DA
#E6D3D4
#E6D1D6
#E6CFD8
#E6CED9
#E6CCDB
#E6CADD
#E6C8DF
#DEDBD4
#DED8D7
#DED6D9
#DED3DC
#DED1DF
#DECEE2
#DECBE5
#D5E4D4
#D5E0D8
#D5DDDB
#D5D9DF
#D5D6E2
#D5D2E6
#D5CEEA
#CDECD4
#CDE8D8
#CDE3DD
#CDDFE1
#CDDAE6
#CDD6EA
#CDD0F0
#C2F7D4
#C2F1DA
#C2ECDF
#C2E6E5
#C2E1EA
#C2DBF0
#C2D4F7
Colorpallet from #F7C2D4 to #C2F7D4 and to #D4F7C2
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#EFCAD4
#EFCAD4
#F0CAD3
#F0CAD3
#F0CAD2
#F1CAD2
#F1CAD1
#E6D3D4
#E7D3D3
#E8D3D2
#E9D3D1
#EAD3D0
#EBD3CF
#ECD3CE
#DEDBD4
#DFDBD3
#E1DBD1
#E2DBD0
#E3DBCE
#E4DBCD
#E6DBCB
#D5E4D4
#D7E4D2
#D9E4D0
#DBE4CE
#DDE4CC
#DFE4CA
#E1E4C8
#CDECD4
#CFECD2
#D1ECD0
#D4ECCD
#D6ECCB
#D8ECC9
#DBECC6
#C2F7D4
#C5F7D1
#C8F7CE
#CBF7CB
#CEF7C8
#D0F7C6
#D4F7C2
Colorpallet from #F7C2D4 to #C2F7D4 and to #D4C2F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#EFCAD4
#EFC9D5
#F0C7D6
#F0C6D7
#F0C5D8
#F1C4D9
#F1C2DA
#E6D3D4
#E7D0D6
#E8CED8
#E9CBD9
#EAC8DB
#EBC5DD
#ECC2DF
#DEDBD4
#DFD7D7
#E1D3D9
#E2CFDC
#E3CBDF
#E4C7E2
#E6C2E5
#D5E4D4
#D7DFD8
#D9D9DB
#DBD4DF
#DDCEE2
#DFC9E6
#E1C2EA
#CDECD4
#CFE5D8
#D1DFDD
#D4D8E1
#D6D1E6
#D8CAEA
#DBC2F0
#C2F7D4
#C5EFDA
#C8E6DF
#CBDEE5
#CED5EA
#D0CDF0
#D4C2F7
Colorpallet from #F7C2D4 to #C2D4F7 and to #D4F7C2
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#EFC5DA
#EFC6D9
#F0C7D7
#F0C7D6
#F0C8D4
#F1C9D3
#F1CAD1
#E6C8DF
#E7CADC
#E8CCDA
#E9CDD7
#EACFD4
#EBD1D1
#ECD3CE
#DECBE5
#DFCEE1
#E1D0DD
#E2D3D9
#E3D5D4
#E4D8D0
#E6DBCB
#D5CEEA
#D7D2E5
#D9D5DF
#DBD9DA
#DDDCD4
#DFE0CF
#E1E4C8
#CDD0F0
#CFD4E9
#D1D9E3
#D4DDDC
#D6E2D5
#D8E6CE
#DBECC6
#C2D4F7
#C5DAEF
#C8DFE6
#CBE5DE
#CEEAD5
#D0F0CD
#D4F7C2
Colorpallet from #F7C2D4 to #C2D4F7 and to #D4C2F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#EFC5DA
#EFC5DA
#F0C4DA
#F0C4DA
#F0C3DA
#F1C3DA
#F1C2DA
#E6C8DF
#E7C7DF
#E8C6DF
#E9C5DF
#EAC4DF
#EBC3DF
#ECC2DF
#DECBE5
#DFCAE5
#E1C8E5
#E2C7E5
#E3C5E5
#E4C4E5
#E6C2E5
#D5CEEA
#D7CCEA
#D9CAEA
#DBC8EA
#DDC6EA
#DFC4EA
#E1C2EA
#CDD0F0
#CFCEF0
#D1CCF0
#D4C9F0
#D6C7F0
#D8C5F0
#DBC2F0
#C2D4F7
#C5D1F7
#C8CEF7
#CBCBF7
#CEC8F7
#D0C6F7
#D4C2F7
Colorpallet from #F7C2D4 to #D4F7C2 and to #D4C2F7
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F7C2D4
#F1CAD1
#F1C9D2
#F1C7D4
#F1C6D5
#F1C5D7
#F1C4D8
#F1C2DA
#ECD3CE
#ECD0D1
#ECCED3
#ECCBD6
#ECC8D9
#ECC5DC
#ECC2DF
#E6DBCB
#E6D7CF
#E6D3D3
#E6CFD7
#E6CBDC
#E6C7E0
#E6C2E5
#E1E4C8
#E1DFCD
#E1D9D3
#E1D4D8
#E1CEDE
#E1C9E3
#E1C2EA
#DBECC6
#DBE5CD
#DBDFD3
#DBD8DA
#DBD1E1
#DBCAE8
#DBC2F0
#D4F7C2
#D4EFCA
#D4E6D3
#D4DEDB
#D4D5E4
#D4CDEC
#D4C2F7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts