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 #F8C3D6 to #F8D6C3 and to #C3F8D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C6D3
#F7C7D3
#F5C8D4
#F4C8D4
#F3C9D5
#F2CAD5
#F0CBD6
#F8C9D0
#F5CBD1
#F3CDD2
#F0CED3
#EDD0D4
#EAD2D5
#E7D4D6
#F8CCCD
#F4CFCE
#F0D1D0
#ECD4D1
#E8D6D3
#E4D9D4
#DFDCD6
#F8CFCA
#F3D3CC
#EDD6CE
#E8DAD0
#E2DDD2
#DDE1D4
#D6E5D6
#F8D2C7
#F1D6C9
#EBDBCC
#E4DFCE
#DDE3D1
#D6E8D3
#CEEDD6
#F8D6C3
#F0DBC6
#E7E1C9
#DFE6CC
#D6ECCF
#CEF1D2
#C3F8D6
Colorpallet from #F8C3D6 to #F8D6C3 and to #C3D6F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C6D3
#F7C6D4
#F5C6D6
#F4C6D7
#F3C6D8
#F2C6D9
#F0C6DB
#F8C9D0
#F5C9D3
#F3C9D5
#F0C9D8
#EDC9DB
#EAC9DE
#E7C9E1
#F8CCCD
#F4CCD1
#F0CCD5
#ECCCD9
#E8CCDD
#E4CCE1
#DFCCE6
#F8CFCA
#F3CFCF
#EDCFD5
#E8CFDA
#E2CFE0
#DDCFE5
#D6CFEC
#F8D2C7
#F1D2CE
#EBD2D4
#E4D2DB
#DDD2E2
#D6D2E9
#CED2F1
#F8D6C3
#F0D6CB
#E7D6D4
#DFD6DC
#D6D6E5
#CED6ED
#C3D6F8
Colorpallet from #F8C3D6 to #F8D6C3 and to #D6F8C3
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C6D3
#F7C7D3
#F6C8D3
#F6C8D3
#F5C9D3
#F4CAD3
#F3CBD3
#F8C9D0
#F6CBD0
#F4CDD0
#F3CED0
#F1D0D0
#EFD2D0
#EDD4D0
#F8CCCD
#F5CFCD
#F3D1CD
#F0D4CD
#EED6CD
#EBD9CD
#E8DCCD
#F8CFCA
#F4D3CA
#F1D6CA
#EDDACA
#EADDCA
#E6E1CA
#E2E5CA
#F8D2C7
#F4D6C7
#EFDBC7
#EBDFC7
#E7E3C7
#E2E8C7
#DDEDC7
#F8D6C3
#F3DBC3
#EDE1C3
#E8E6C3
#E2ECC3
#DDF1C3
#D6F8C3
Colorpallet from #F8C3D6 to #F8D6C3 and to #D6C3F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C6D3
#F7C6D4
#F6C5D6
#F6C5D7
#F5C4D8
#F4C4D9
#F3C3DB
#F8C9D0
#F6C8D3
#F4C7D5
#F3C6D8
#F1C5DB
#EFC4DE
#EDC3E1
#F8CCCD
#F5CBD1
#F3C9D5
#F0C8D9
#EEC6DD
#EBC5E1
#E8C3E6
#F8CFCA
#F4CDCF
#F1CBD5
#EDC9DA
#EAC7E0
#E6C5E5
#E2C3EC
#F8D2C7
#F4D0CE
#EFCDD4
#EBCBDB
#E7C8E2
#E2C6E9
#DDC3F1
#F8D6C3
#F3D3CB
#EDD0D4
#E8CDDC
#E2CAE5
#DDC7ED
#D6C3F8
Colorpallet from #F8C3D6 to #C3F8D6 and to #C3D6F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F0CBD6
#F0CAD7
#F0C9D8
#F0C9D8
#F0C8D9
#F0C7DA
#F0C6DB
#E7D4D6
#E7D2D8
#E7D0DA
#E7CFDB
#E7CDDD
#E7CBDF
#E7C9E1
#DFDCD6
#DFD9D9
#DFD7DB
#DFD4DE
#DFD2E0
#DFCFE3
#DFCCE6
#D6E5D6
#D6E1DA
#D6DEDD
#D6DAE1
#D6D7E4
#D6D3E8
#D6CFEC
#CEEDD6
#CEE9DA
#CEE4DF
#CEE0E3
#CEDCE7
#CED7EC
#CED2F1
#C3F8D6
#C3F3DB
#C3EDE1
#C3E8E6
#C3E2EC
#C3DDF1
#C3D6F8
Colorpallet from #F8C3D6 to #C3F8D6 and to #D6F8C3
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F0CBD6
#F0CBD6
#F1CBD5
#F1CBD5
#F2CBD4
#F2CBD4
#F3CBD3
#E7D4D6
#E8D4D5
#E9D4D4
#EAD4D3
#EBD4D2
#ECD4D1
#EDD4D0
#DFDCD6
#E0DCD5
#E2DCD3
#E3DCD2
#E5DCD0
#E6DCCF
#E8DCCD
#D6E5D6
#D8E5D4
#DAE5D2
#DCE5D0
#DEE5CE
#E0E5CC
#E2E5CA
#CEEDD6
#D0EDD4
#D3EDD1
#D5EDCF
#D8EDCC
#DAEDCA
#DDEDC7
#C3F8D6
#C6F8D3
#C9F8D0
#CCF8CD
#CFF8CA
#D2F8C7
#D6F8C3
Colorpallet from #F8C3D6 to #C3F8D6 and to #D6C3F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F0CBD6
#F0CAD7
#F1C8D8
#F1C7D8
#F2C6D9
#F2C5DA
#F3C3DB
#E7D4D6
#E8D1D8
#E9CFDA
#EACCDB
#EBC9DD
#ECC6DF
#EDC3E1
#DFDCD6
#E0D8D9
#E2D4DB
#E3D0DE
#E5CCE0
#E6C8E3
#E8C3E6
#D6E5D6
#D8E0DA
#DADADD
#DCD5E1
#DECFE4
#E0CAE8
#E2C3EC
#CEEDD6
#D0E6DA
#D3E0DF
#D5D9E3
#D8D2E7
#DACBEC
#DDC3F1
#C3F8D6
#C6F0DB
#C9E7E1
#CCDFE6
#CFD6EC
#D2CEF1
#D6C3F8
Colorpallet from #F8C3D6 to #C3D6F8 and to #D6F8C3
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F0C6DB
#F0C7DA
#F1C8D8
#F1C8D7
#F2C9D6
#F2CAD5
#F3CBD3
#E7C9E1
#E8CBDE
#E9CDDC
#EACED9
#EBD0D6
#ECD2D3
#EDD4D0
#DFCCE6
#E0CFE2
#E2D1DE
#E3D4DA
#E5D6D6
#E6D9D2
#E8DCCD
#D6CFEC
#D8D3E7
#DAD6E1
#DCDADC
#DEDDD6
#E0E1D1
#E2E5CA
#CED2F1
#D0D6EA
#D3DBE4
#D5DFDD
#D8E3D6
#DAE8CF
#DDEDC7
#C3D6F8
#C6DBF0
#C9E1E7
#CCE6DF
#CFECD6
#D2F1CE
#D6F8C3
Colorpallet from #F8C3D6 to #C3D6F8 and to #D6C3F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F0C6DB
#F0C6DB
#F1C5DB
#F1C5DB
#F2C4DB
#F2C4DB
#F3C3DB
#E7C9E1
#E8C8E1
#E9C7E1
#EAC6E1
#EBC5E1
#ECC4E1
#EDC3E1
#DFCCE6
#E0CBE6
#E2C9E6
#E3C8E6
#E5C6E6
#E6C5E6
#E8C3E6
#D6CFEC
#D8CDEC
#DACBEC
#DCC9EC
#DEC7EC
#E0C5EC
#E2C3EC
#CED2F1
#D0D0F1
#D3CDF1
#D5CBF1
#D8C8F1
#DAC6F1
#DDC3F1
#C3D6F8
#C6D3F8
#C9D0F8
#CCCDF8
#CFCAF8
#D2C7F8
#D6C3F8
Colorpallet from #F8C3D6 to #D6F8C3 and to #D6C3F8
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F8C3D6
#F3CBD3
#F3CAD4
#F3C8D6
#F3C7D7
#F3C6D8
#F3C5D9
#F3C3DB
#EDD4D0
#EDD1D3
#EDCFD5
#EDCCD8
#EDC9DB
#EDC6DE
#EDC3E1
#E8DCCD
#E8D8D1
#E8D4D5
#E8D0D9
#E8CCDD
#E8C8E1
#E8C3E6
#E2E5CA
#E2E0CF
#E2DAD5
#E2D5DA
#E2CFE0
#E2CAE5
#E2C3EC
#DDEDC7
#DDE6CE
#DDE0D4
#DDD9DB
#DDD2E2
#DDCBE9
#DDC3F1
#D6F8C3
#D6F0CB
#D6E7D4
#D6DFDC
#D6D6E5
#D6CEED
#D6C3F8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
