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 #F2C2D5 to #F2D5C2 and to #C2F2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C5D2
#F1C6D2
#EFC7D3
#EEC7D3
#EDC8D4
#ECC9D4
#EACAD5
#F2C8CF
#F0C9D0
#EDCBD1
#EBCCD2
#E8CED3
#E6CFD4
#E3D1D5
#F2CBCC
#EECDCD
#EBCFCF
#E7D2D0
#E3D4D2
#E0D6D3
#DBD9D5
#F2CEC9
#EDD1CB
#E8D4CD
#E3D7CF
#DEDAD1
#D9DDD3
#D3E1D5
#F2D1C6
#ECD5C8
#E6D8CB
#E0DCCD
#DAE0D0
#D4E3D2
#CCE8D5
#F2D5C2
#EADAC5
#E3DEC8
#DBE3CB
#D3E8CE
#CCECD1
#C2F2D5
Colorpallet from #F2C2D5 to #F2D5C2 and to #C2D5F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C5D2
#F1C5D3
#EFC5D5
#EEC5D6
#EDC5D7
#ECC5D8
#EAC5DA
#F2C8CF
#F0C8D1
#EDC8D4
#EBC8D6
#E8C8D9
#E6C8DB
#E3C8DE
#F2CBCC
#EECBD0
#EBCBD3
#E7CBD7
#E3CBDB
#E0CBDE
#DBCBE3
#F2CEC9
#EDCECE
#E8CED3
#E3CED8
#DECEDD
#D9CEE2
#D3CEE8
#F2D1C6
#ECD1CC
#E6D1D2
#E0D1D8
#DAD1DE
#D4D1E4
#CCD1EC
#F2D5C2
#EAD5CA
#E3D5D1
#DBD5D9
#D3D5E1
#CCD5E8
#C2D5F2
Colorpallet from #F2C2D5 to #F2D5C2 and to #D5F2C2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C5D2
#F1C6D2
#F0C7D2
#F0C7D2
#EFC8D2
#EEC9D2
#EDCAD2
#F2C8CF
#F1C9CF
#EFCBCF
#EECCCF
#ECCECF
#EBCFCF
#E9D1CF
#F2CBCC
#F0CDCC
#EECFCC
#EBD2CC
#E9D4CC
#E7D6CC
#E4D9CC
#F2CEC9
#EFD1C9
#ECD4C9
#E9D7C9
#E6DAC9
#E3DDC9
#DFE1C9
#F2D1C6
#EED5C6
#EBD8C6
#E7DCC6
#E3E0C6
#E0E3C6
#DBE8C6
#F2D5C2
#EDDAC2
#E9DEC2
#E4E3C2
#DFE8C2
#DBECC2
#D5F2C2
Colorpallet from #F2C2D5 to #F2D5C2 and to #D5C2F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C5D2
#F1C5D3
#F0C4D5
#F0C4D6
#EFC3D7
#EEC3D8
#EDC2DA
#F2C8CF
#F1C7D1
#EFC6D4
#EEC5D6
#ECC4D9
#EBC3DB
#E9C2DE
#F2CBCC
#F0CAD0
#EEC8D3
#EBC7D7
#E9C5DB
#E7C4DE
#E4C2E3
#F2CEC9
#EFCCCE
#ECCAD3
#E9C8D8
#E6C6DD
#E3C4E2
#DFC2E8
#F2D1C6
#EECFCC
#EBCCD2
#E7CAD8
#E3C7DE
#E0C5E4
#DBC2EC
#F2D5C2
#EDD2CA
#E9CFD1
#E4CCD9
#DFC9E1
#DBC6E8
#D5C2F2
Colorpallet from #F2C2D5 to #C2F2D5 and to #C2D5F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EACAD5
#EAC9D6
#EAC8D7
#EAC8D7
#EAC7D8
#EAC6D9
#EAC5DA
#E3D1D5
#E3D0D6
#E3CED8
#E3CDD9
#E3CBDB
#E3CADC
#E3C8DE
#DBD9D5
#DBD7D7
#DBD5D9
#DBD2DC
#DBD0DE
#DBCEE0
#DBCBE3
#D3E1D5
#D3DED8
#D3DBDB
#D3D8DE
#D3D5E1
#D3D2E4
#D3CEE8
#CCE8D5
#CCE4D9
#CCE1DC
#CCDDE0
#CCD9E4
#CCD6E7
#CCD1EC
#C2F2D5
#C2EDDA
#C2E9DE
#C2E4E3
#C2DFE8
#C2DBEC
#C2D5F2
Colorpallet from #F2C2D5 to #C2F2D5 and to #D5F2C2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EACAD5
#EACAD5
#EBCAD4
#EBCAD4
#ECCAD3
#ECCAD3
#EDCAD2
#E3D1D5
#E4D1D4
#E5D1D3
#E6D1D2
#E7D1D1
#E8D1D0
#E9D1CF
#DBD9D5
#DCD9D4
#DED9D2
#DFD9D1
#E1D9CF
#E2D9CE
#E4D9CC
#D3E1D5
#D5E1D3
#D7E1D1
#D9E1CF
#DBE1CD
#DDE1CB
#DFE1C9
#CCE8D5
#CEE8D3
#D1E8D0
#D3E8CE
#D6E8CB
#D8E8C9
#DBE8C6
#C2F2D5
#C5F2D2
#C8F2CF
#CBF2CC
#CEF2C9
#D1F2C6
#D5F2C2
Colorpallet from #F2C2D5 to #C2F2D5 and to #D5C2F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EACAD5
#EAC9D6
#EBC7D7
#EBC6D7
#ECC5D8
#ECC4D9
#EDC2DA
#E3D1D5
#E4CFD6
#E5CCD8
#E6CAD9
#E7C7DB
#E8C5DC
#E9C2DE
#DBD9D5
#DCD5D7
#DED2D9
#DFCEDC
#E1CADE
#E2C7E0
#E4C2E3
#D3E1D5
#D5DCD8
#D7D7DB
#D9D2DE
#DBCDE1
#DDC8E4
#DFC2E8
#CCE8D5
#CEE2D9
#D1DCDC
#D3D6E0
#D6D0E4
#D8CAE7
#DBC2EC
#C2F2D5
#C5EADA
#C8E3DE
#CBDBE3
#CED3E8
#D1CCEC
#D5C2F2
Colorpallet from #F2C2D5 to #C2D5F2 and to #D5F2C2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EAC5DA
#EAC6D9
#EBC7D7
#EBC7D6
#ECC8D5
#ECC9D4
#EDCAD2
#E3C8DE
#E4C9DC
#E5CBD9
#E6CCD7
#E7CED4
#E8CFD2
#E9D1CF
#DBCBE3
#DCCDDF
#DECFDC
#DFD2D8
#E1D4D4
#E2D6D1
#E4D9CC
#D3CEE8
#D5D1E3
#D7D4DE
#D9D7D9
#DBDAD4
#DDDDCF
#DFE1C9
#CCD1EC
#CED5E6
#D1D8E0
#D3DCDA
#D6E0D4
#D8E3CE
#DBE8C6
#C2D5F2
#C5DAEA
#C8DEE3
#CBE3DB
#CEE8D3
#D1ECCC
#D5F2C2
Colorpallet from #F2C2D5 to #C2D5F2 and to #D5C2F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EAC5DA
#EAC5DA
#EBC4DA
#EBC4DA
#ECC3DA
#ECC3DA
#EDC2DA
#E3C8DE
#E4C7DE
#E5C6DE
#E6C5DE
#E7C4DE
#E8C3DE
#E9C2DE
#DBCBE3
#DCCAE3
#DEC8E3
#DFC7E3
#E1C5E3
#E2C4E3
#E4C2E3
#D3CEE8
#D5CCE8
#D7CAE8
#D9C8E8
#DBC6E8
#DDC4E8
#DFC2E8
#CCD1EC
#CECFEC
#D1CCEC
#D3CAEC
#D6C7EC
#D8C5EC
#DBC2EC
#C2D5F2
#C5D2F2
#C8CFF2
#CBCCF2
#CEC9F2
#D1C6F2
#D5C2F2
Colorpallet from #F2C2D5 to #D5F2C2 and to #D5C2F2
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#F2C2D5
#EDCAD2
#EDC9D3
#EDC7D5
#EDC6D6
#EDC5D7
#EDC4D8
#EDC2DA
#E9D1CF
#E9CFD1
#E9CCD4
#E9CAD6
#E9C7D9
#E9C5DB
#E9C2DE
#E4D9CC
#E4D5D0
#E4D2D3
#E4CED7
#E4CADB
#E4C7DE
#E4C2E3
#DFE1C9
#DFDCCE
#DFD7D3
#DFD2D8
#DFCDDD
#DFC8E2
#DFC2E8
#DBE8C6
#DBE2CC
#DBDCD2
#DBD6D8
#DBD0DE
#DBCAE4
#DBC2EC
#D5F2C2
#D5EACA
#D5E3D1
#D5DBD9
#D5D3E1
#D5CCE8
#D5C2F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts