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 #F1C2D8 to #F1D8C2 and to #C2F1D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C6D4
#F0C7D5
#EEC7D5
#EDC8D6
#ECC9D7
#EBC9D7
#E9CAD8
#F1C9D1
#EFCAD2
#ECCCD3
#EACDD4
#E7CED5
#E5CFD7
#E2D1D8
#F1CDCD
#EDCFCF
#EAD1D1
#E6D3D2
#E2D5D4
#DFD7D6
#DAD9D8
#F1D0CA
#ECD3CC
#E7D5CE
#E3D8D1
#DEDAD3
#D9DDD5
#D3E0D8
#F1D4C6
#EBD7C9
#E5DACC
#DFDECF
#D9E1D2
#D3E4D4
#CBE8D8
#F1D8C2
#E9DCC6
#E2E0C9
#DAE4CD
#D3E8D0
#CBECD4
#C2F1D8
Colorpallet from #F1C2D8 to #F1D8C2 and to #C2D8F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C6D4
#F0C6D5
#EEC6D7
#EDC6D8
#ECC6D9
#EBC6DA
#E9C6DC
#F1C9D1
#EFC9D3
#ECC9D6
#EAC9D8
#E7C9DB
#E5C9DD
#E2C9E0
#F1CDCD
#EDCDD1
#EACDD4
#E6CDD8
#E2CDDC
#DFCDDF
#DACDE4
#F1D0CA
#ECD0CF
#E7D0D4
#E3D0D8
#DED0DD
#D9D0E2
#D3D0E8
#F1D4C6
#EBD4CC
#E5D4D2
#DFD4D8
#D9D4DE
#D3D4E4
#CBD4EC
#F1D8C2
#E9D8CA
#E2D8D1
#DAD8D9
#D3D8E0
#CBD8E8
#C2D8F1
Colorpallet from #F1C2D8 to #F1D8C2 and to #D8F1C2
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C6D4
#F0C7D4
#F0C7D4
#EFC8D4
#EEC9D4
#EEC9D4
#EDCAD4
#F1C9D1
#F0CAD1
#EECCD1
#EDCDD1
#ECCED1
#EBCFD1
#E9D1D1
#F1CDCD
#EFCFCD
#EDD1CD
#EBD3CD
#E9D5CD
#E7D7CD
#E5D9CD
#F1D0CA
#EED3CA
#ECD5CA
#E9D8CA
#E7DACA
#E4DDCA
#E1E0CA
#F1D4C6
#EED7C6
#EBDAC6
#E7DEC6
#E4E1C6
#E1E4C6
#DDE8C6
#F1D8C2
#EDDCC2
#E9E0C2
#E5E4C2
#E1E8C2
#DDECC2
#D8F1C2
Colorpallet from #F1C2D8 to #F1D8C2 and to #D8C2F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C6D4
#F0C5D5
#F0C5D7
#EFC4D8
#EEC3D9
#EEC3DA
#EDC2DC
#F1C9D1
#F0C8D3
#EEC7D6
#EDC6D8
#ECC5DB
#EBC3DD
#E9C2E0
#F1CDCD
#EFCBD1
#EDC9D4
#EBC8D8
#E9C6DC
#E7C4DF
#E5C2E4
#F1D0CA
#EECECF
#ECCCD4
#E9C9D8
#E7C7DD
#E4C5E2
#E1C2E8
#F1D4C6
#EED1CC
#EBCED2
#E7CBD8
#E4C8DE
#E1C6E4
#DDC2EC
#F1D8C2
#EDD4CA
#E9D1D1
#E5CDD9
#E1CAE0
#DDC6E8
#D8C2F1
Colorpallet from #F1C2D8 to #C2F1D8 and to #C2D8F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#E9CAD8
#E9C9D9
#E9C9D9
#E9C8DA
#E9C7DB
#E9C7DB
#E9C6DC
#E2D1D8
#E2D0D9
#E2CEDB
#E2CDDC
#E2CCDD
#E2CBDE
#E2C9E0
#DAD9D8
#DAD7DA
#DAD5DC
#DAD3DE
#DAD1E0
#DACFE2
#DACDE4
#D3E0D8
#D3DDDB
#D3DBDD
#D3D8E0
#D3D6E2
#D3D3E5
#D3D0E8
#CBE8D8
#CBE5DB
#CBE2DE
#CBDEE2
#CBDBE5
#CBD8E8
#CBD4EC
#C2F1D8
#C2EDDC
#C2E9E0
#C2E5E4
#C2E1E8
#C2DDEC
#C2D8F1
Colorpallet from #F1C2D8 to #C2F1D8 and to #D8F1C2
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#E9CAD8
#EACAD7
#EACAD7
#EBCAD6
#ECCAD5
#ECCAD5
#EDCAD4
#E2D1D8
#E3D1D7
#E4D1D6
#E5D1D5
#E6D1D4
#E8D1D2
#E9D1D1
#DAD9D8
#DCD9D6
#DED9D4
#DFD9D3
#E1D9D1
#E3D9CF
#E5D9CD
#D3E0D8
#D5E0D6
#D7E0D4
#DAE0D1
#DCE0CF
#DEE0CD
#E1E0CA
#CBE8D8
#CEE8D5
#D1E8D2
#D4E8CF
#D7E8CC
#D9E8CA
#DDE8C6
#C2F1D8
#C6F1D4
#C9F1D1
#CDF1CD
#D0F1CA
#D4F1C6
#D8F1C2
Colorpallet from #F1C2D8 to #C2F1D8 and to #D8C2F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#E9CAD8
#EAC9D9
#EAC7D9
#EBC6DA
#ECC5DB
#ECC4DB
#EDC2DC
#E2D1D8
#E3CFD9
#E4CCDB
#E5CADC
#E6C7DD
#E8C5DE
#E9C2E0
#DAD9D8
#DCD5DA
#DED2DC
#DFCEDE
#E1CAE0
#E3C7E2
#E5C2E4
#D3E0D8
#D5DBDB
#D7D6DD
#DAD2E0
#DCCDE2
#DEC8E5
#E1C2E8
#CBE8D8
#CEE2DB
#D1DCDE
#D4D6E2
#D7D0E5
#D9CAE8
#DDC2EC
#C2F1D8
#C6E9DC
#C9E2E0
#CDDAE4
#D0D3E8
#D4CBEC
#D8C2F1
Colorpallet from #F1C2D8 to #C2D8F1 and to #D8F1C2
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#E9C6DC
#EAC7DB
#EAC7D9
#EBC8D8
#ECC9D7
#ECC9D6
#EDCAD4
#E2C9E0
#E3CADE
#E4CCDB
#E5CDD9
#E6CED6
#E8CFD4
#E9D1D1
#DACDE4
#DCCFE0
#DED1DD
#DFD3D9
#E1D5D5
#E3D7D2
#E5D9CD
#D3D0E8
#D5D3E3
#D7D5DE
#DAD8DA
#DCDAD5
#DEDDD0
#E1E0CA
#CBD4EC
#CED7E6
#D1DAE0
#D4DEDA
#D7E1D4
#D9E4CE
#DDE8C6
#C2D8F1
#C6DCE9
#C9E0E2
#CDE4DA
#D0E8D3
#D4ECCB
#D8F1C2
Colorpallet from #F1C2D8 to #C2D8F1 and to #D8C2F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#E9C6DC
#EAC5DC
#EAC5DC
#EBC4DC
#ECC3DC
#ECC3DC
#EDC2DC
#E2C9E0
#E3C8E0
#E4C7E0
#E5C6E0
#E6C5E0
#E8C3E0
#E9C2E0
#DACDE4
#DCCBE4
#DEC9E4
#DFC8E4
#E1C6E4
#E3C4E4
#E5C2E4
#D3D0E8
#D5CEE8
#D7CCE8
#DAC9E8
#DCC7E8
#DEC5E8
#E1C2E8
#CBD4EC
#CED1EC
#D1CEEC
#D4CBEC
#D7C8EC
#D9C6EC
#DDC2EC
#C2D8F1
#C6D4F1
#C9D1F1
#CDCDF1
#D0CAF1
#D4C6F1
#D8C2F1
Colorpallet from #F1C2D8 to #D8F1C2 and to #D8C2F1
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#F1C2D8
#EDCAD4
#EDC9D5
#EDC7D7
#EDC6D8
#EDC5D9
#EDC4DA
#EDC2DC
#E9D1D1
#E9CFD3
#E9CCD6
#E9CAD8
#E9C7DB
#E9C5DD
#E9C2E0
#E5D9CD
#E5D5D1
#E5D2D4
#E5CED8
#E5CADC
#E5C7DF
#E5C2E4
#E1E0CA
#E1DBCF
#E1D6D4
#E1D2D8
#E1CDDD
#E1C8E2
#E1C2E8
#DDE8C6
#DDE2CC
#DDDCD2
#DDD6D8
#DDD0DE
#DDCAE4
#DDC2EC
#D8F1C2
#D8E9CA
#D8E2D1
#D8DAD9
#D8D3E0
#D8CBE8
#D8C2F1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts