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 #F2C2DD to #F2DDC2 and to #C2F2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C6D9
#F1C7DA
#EFC7DA
#EEC8DB
#EDC9DC
#ECC9DC
#EACADD
#F2CBD4
#F0CCD5
#EDCDD7
#EBCED8
#E8CFDA
#E6D0DB
#E3D1DD
#F2CFD0
#EED1D2
#EBD2D4
#E7D4D6
#E3D5D8
#E0D7DA
#DBD9DD
#F2D3CC
#EDD5CF
#E8D7D1
#E3DAD4
#DEDCD7
#D9DEDA
#D3E1DD
#F2D8C7
#ECDBCB
#E6DDCE
#E0E0D2
#DAE2D5
#D4E5D9
#CCE8DD
#F2DDC2
#EAE0C6
#E3E4CB
#DBE7CF
#D3EAD3
#CCEED8
#C2F2DD
Colorpallet from #F2C2DD to #F2DDC2 and to #C2DDF2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C6D9
#F1C6DA
#EFC6DB
#EEC6DC
#EDC6DD
#ECC6DF
#EAC6E0
#F2CBD4
#F0CBD7
#EDCBD9
#EBCBDC
#E8CBDE
#E6CBE1
#E3CBE4
#F2CFD0
#EECFD4
#EBCFD7
#E7CFDB
#E3CFDF
#E0CFE2
#DBCFE7
#F2D3CC
#EDD3D1
#E8D3D6
#E3D3DA
#DED3DF
#D9D3E4
#D3D3EA
#F2D8C7
#ECD8CD
#E6D8D3
#E0D8DA
#DAD8E0
#D4D8E6
#CCD8EE
#F2DDC2
#EADDCA
#E3DDD1
#DBDDD9
#D3DDE1
#CCDDE8
#C2DDF2
Colorpallet from #F2C2DD to #F2DDC2 and to #DDF2C2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C6D9
#F2C7D9
#F1C7D9
#F1C8D9
#F0C9D9
#F0C9D9
#EFCAD9
#F2CBD4
#F1CCD4
#F0CDD4
#EFCED4
#EECFD4
#ECD0D4
#EBD1D4
#F2CFD0
#F0D1D0
#EFD2D0
#EDD4D0
#ECD5D0
#EAD7D0
#E8D9D0
#F2D3CC
#F0D5CC
#EED7CC
#ECDACC
#EADCCC
#E8DECC
#E5E1CC
#F2D8C7
#EFDBC7
#EDDDC7
#EAE0C7
#E7E2C7
#E4E5C7
#E1E8C7
#F2DDC2
#EFE0C2
#EBE4C2
#E8E7C2
#E5EAC2
#E1EEC2
#DDF2C2
Colorpallet from #F2C2DD to #F2DDC2 and to #DDC2F2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C6D9
#F2C5DA
#F1C5DB
#F1C4DC
#F0C3DD
#F0C3DF
#EFC2E0
#F2CBD4
#F1CAD7
#F0C8D9
#EFC7DC
#EEC5DE
#ECC4E1
#EBC2E4
#F2CFD0
#F0CDD4
#EFCBD7
#EDC9DB
#ECC7DF
#EAC5E2
#E8C2E7
#F2D3CC
#F0D0D1
#EECED6
#ECCBDA
#EAC8DF
#E8C5E4
#E5C2EA
#F2D8C7
#EFD4CD
#EDD1D3
#EACDDA
#E7CAE0
#E4C6E6
#E1C2EE
#F2DDC2
#EFD9CA
#EBD4D1
#E8D0D9
#E5CCE1
#E1C7E8
#DDC2F2
Colorpallet from #F2C2DD to #C2F2DD and to #C2DDF2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EACADD
#EAC9DD
#EAC9DE
#EAC8DE
#EAC7DF
#EAC7DF
#EAC6E0
#E3D1DD
#E3D0DE
#E3CFDF
#E3CEE0
#E3CDE1
#E3CCE3
#E3CBE4
#DBD9DD
#DBD7DF
#DBD6E0
#DBD4E2
#DBD3E3
#DBD1E5
#DBCFE7
#D3E1DD
#D3DFDF
#D3DDE1
#D3DAE3
#D3D8E5
#D3D6E7
#D3D3EA
#CCE8DD
#CCE5E0
#CCE3E2
#CCE0E5
#CCDEE8
#CCDBEB
#CCD8EE
#C2F2DD
#C2EFE0
#C2EBE4
#C2E8E7
#C2E5EA
#C2E1EE
#C2DDF2
Colorpallet from #F2C2DD to #C2F2DD and to #DDF2C2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EACADD
#EBCADC
#ECCADC
#ECCADB
#EDCADA
#EECADA
#EFCAD9
#E3D1DD
#E4D1DC
#E6D1DA
#E7D1D9
#E8D1D7
#E9D1D6
#EBD1D4
#DBD9DD
#DDD9DB
#DFD9D9
#E1D9D7
#E3D9D5
#E5D9D3
#E8D9D0
#D3E1DD
#D6E1DA
#D9E1D8
#DCE1D5
#DFE1D2
#E1E1CF
#E5E1CC
#CCE8DD
#CFE8D9
#D3E8D6
#D6E8D2
#D9E8CF
#DDE8CB
#E1E8C7
#C2F2DD
#C6F2D9
#CBF2D4
#CFF2D0
#D3F2CC
#D8F2C7
#DDF2C2
Colorpallet from #F2C2DD to #C2F2DD and to #DDC2F2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EACADD
#EBC9DD
#ECC7DE
#ECC6DE
#EDC5DF
#EEC4DF
#EFC2E0
#E3D1DD
#E4CFDE
#E6CCDF
#E7CAE0
#E8C7E1
#E9C5E3
#EBC2E4
#DBD9DD
#DDD5DF
#DFD2E0
#E1CEE2
#E3CAE3
#E5C7E5
#E8C2E7
#D3E1DD
#D6DCDF
#D9D7E1
#DCD2E3
#DFCDE5
#E1C8E7
#E5C2EA
#CCE8DD
#CFE2E0
#D3DCE2
#D6D6E5
#D9D0E8
#DDCAEB
#E1C2EE
#C2F2DD
#C6EAE0
#CBE3E4
#CFDBE7
#D3D3EA
#D8CCEE
#DDC2F2
Colorpallet from #F2C2DD to #C2DDF2 and to #DDF2C2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EAC6E0
#EBC7DF
#ECC7DE
#ECC8DD
#EDC9DC
#EEC9DA
#EFCAD9
#E3CBE4
#E4CCE1
#E6CDDF
#E7CEDC
#E8CFDA
#E9D0D7
#EBD1D4
#DBCFE7
#DDD1E3
#DFD2E0
#E1D4DC
#E3D5D8
#E5D7D5
#E8D9D0
#D3D3EA
#D6D5E5
#D9D7E0
#DCDADC
#DFDCD7
#E1DED2
#E5E1CC
#CCD8EE
#CFDBE8
#D3DDE2
#D6E0DB
#D9E2D5
#DDE5CF
#E1E8C7
#C2DDF2
#C6E0EA
#CBE4E3
#CFE7DB
#D3EAD3
#D8EECC
#DDF2C2
Colorpallet from #F2C2DD to #C2DDF2 and to #DDC2F2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EAC6E0
#EBC5E0
#ECC5E0
#ECC4E0
#EDC3E0
#EEC3E0
#EFC2E0
#E3CBE4
#E4CAE4
#E6C8E4
#E7C7E4
#E8C5E4
#E9C4E4
#EBC2E4
#DBCFE7
#DDCDE7
#DFCBE7
#E1C9E7
#E3C7E7
#E5C5E7
#E8C2E7
#D3D3EA
#D6D0EA
#D9CEEA
#DCCBEA
#DFC8EA
#E1C5EA
#E5C2EA
#CCD8EE
#CFD4EE
#D3D1EE
#D6CDEE
#D9CAEE
#DDC6EE
#E1C2EE
#C2DDF2
#C6D9F2
#CBD4F2
#CFD0F2
#D3CCF2
#D8C7F2
#DDC2F2
Colorpallet from #F2C2DD to #DDF2C2 and to #DDC2F2
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#F2C2DD
#EFCAD9
#EFC9DA
#EFC7DB
#EFC6DC
#EFC5DD
#EFC4DF
#EFC2E0
#EBD1D4
#EBCFD7
#EBCCD9
#EBCADC
#EBC7DE
#EBC5E1
#EBC2E4
#E8D9D0
#E8D5D4
#E8D2D7
#E8CEDB
#E8CADF
#E8C7E2
#E8C2E7
#E5E1CC
#E5DCD1
#E5D7D6
#E5D2DA
#E5CDDF
#E5C8E4
#E5C2EA
#E1E8C7
#E1E2CD
#E1DCD3
#E1D6DA
#E1D0E0
#E1CAE6
#E1C2EE
#DDF2C2
#DDEACA
#DDE3D1
#DDDBD9
#DDD3E1
#DDCCE8
#DDC2F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts