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 #F2BCD2 to #F2D2BC and to #BCF2D2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2C0CE
#F1C1CF
#EFC2CF
#EEC2D0
#ECC3D1
#EBC4D1
#E9C5D2
#F2C3CB
#EFC5CC
#EDC6CD
#EAC8CE
#E7C9CF
#E4CBD1
#E1CDD2
#F2C7C7
#EEC9C9
#EACCCB
#E6CECC
#E1D1CE
#DDD3D0
#D8D6D2
#F2CAC4
#ECCDC6
#E7D1C8
#E1D4CB
#DCD7CD
#D6DBCF
#CFDFD2
#F2CEC0
#EBD2C3
#E4D6C6
#DDDAC9
#D6DECC
#D0E2CE
#C7E7D2
#F2D2BC
#E9D7C0
#E1DCC3
#D8E1C7
#CFE6CA
#C7ECCE
#BCF2D2
Colorpallet from #F2BCD2 to #F2D2BC and to #BCD2F2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2C0CE
#F1C0CF
#EFC0D1
#EEC0D2
#ECC0D4
#EBC0D5
#E9C0D7
#F2C3CB
#EFC3CE
#EDC3D0
#EAC3D3
#E7C3D6
#E4C3D9
#E1C3DC
#F2C7C7
#EEC7CB
#EAC7CF
#E6C7D3
#E1C7D8
#DDC7DC
#D8C7E1
#F2CAC4
#ECCAC9
#E7CACF
#E1CAD4
#DCCADA
#D6CADF
#CFCAE6
#F2CEC0
#EBCEC7
#E4CECE
#DDCED5
#D6CEDC
#D0CEE3
#C7CEEC
#F2D2BC
#E9D2C5
#E1D2CD
#D8D2D6
#CFD2DF
#C7D2E7
#BCD2F2
Colorpallet from #F2BCD2 to #F2D2BC and to #D2F2BC
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2C0CE
#F1C1CE
#F0C2CE
#F0C2CE
#EFC3CE
#EEC4CE
#EDC5CE
#F2C3CB
#F0C5CB
#EFC6CB
#EDC8CB
#ECC9CB
#EACBCB
#E8CDCB
#F2C7C7
#F0C9C7
#EDCCC7
#EBCEC7
#E8D1C7
#E6D3C7
#E3D6C7
#F2CAC4
#EFCDC4
#ECD1C4
#E8D4C4
#E5D7C4
#E2DBC4
#DEDFC4
#F2CEC0
#EED2C0
#EAD6C0
#E6DAC0
#E1DEC0
#DDE2C0
#D8E7C0
#F2D2BC
#EDD7BC
#E8DCBC
#E3E1BC
#DEE6BC
#D8ECBC
#D2F2BC
Colorpallet from #F2BCD2 to #F2D2BC and to #D2BCF2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2C0CE
#F1BFCF
#F0BFD1
#F0BED2
#EFBDD4
#EEBDD5
#EDBCD7
#F2C3CB
#F0C2CE
#EFC1D0
#EDC0D3
#ECBFD6
#EABDD9
#E8BCDC
#F2C7C7
#F0C5CB
#EDC3CF
#EBC2D3
#E8C0D8
#E6BEDC
#E3BCE1
#F2CAC4
#EFC8C9
#ECC6CF
#E8C3D4
#E5C1DA
#E2BFDF
#DEBCE6
#F2CEC0
#EECBC7
#EAC8CE
#E6C5D5
#E1C2DC
#DDC0E3
#D8BCEC
#F2D2BC
#EDCEC5
#E8CBCD
#E3C7D6
#DEC4DF
#D8C0E7
#D2BCF2
Colorpallet from #F2BCD2 to #BCF2D2 and to #BCD2F2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#E9C5D2
#E9C4D3
#E9C3D4
#E9C3D4
#E9C2D5
#E9C1D6
#E9C0D7
#E1CDD2
#E1CBD4
#E1CAD5
#E1C8D7
#E1C7D8
#E1C5DA
#E1C3DC
#D8D6D2
#D8D4D4
#D8D1D7
#D8CFD9
#D8CCDC
#D8CADE
#D8C7E1
#CFDFD2
#CFDCD5
#CFD8D8
#CFD5DC
#CFD2DF
#CFCEE2
#CFCAE6
#C7E7D2
#C7E3D6
#C7DFDA
#C7DBDE
#C7D7E3
#C7D3E7
#C7CEEC
#BCF2D2
#BCEDD7
#BCE8DC
#BCE3E1
#BCDEE6
#BCD8EC
#BCD2F2
Colorpallet from #F2BCD2 to #BCF2D2 and to #D2F2BC
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#E9C5D2
#EAC5D1
#EAC5D1
#EBC5D0
#ECC5CF
#ECC5CF
#EDC5CE
#E1CDD2
#E2CDD1
#E3CDD0
#E4CDCF
#E5CDCE
#E7CDCC
#E8CDCB
#D8D6D2
#DAD6D0
#DCD6CE
#DDD6CD
#DFD6CB
#E1D6C9
#E3D6C7
#CFDFD2
#D1DFD0
#D4DFCE
#D6DFCB
#D9DFC9
#DBDFC7
#DEDFC4
#C7E7D2
#CAE7CF
#CCE7CC
#CFE7C9
#D2E7C6
#D5E7C4
#D8E7C0
#BCF2D2
#C0F2CE
#C3F2CB
#C7F2C7
#CAF2C4
#CEF2C0
#D2F2BC
Colorpallet from #F2BCD2 to #BCF2D2 and to #D2BCF2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#E9C5D2
#EAC4D3
#EAC2D4
#EBC1D4
#ECBFD5
#ECBED6
#EDBCD7
#E1CDD2
#E2CAD4
#E3C8D5
#E4C5D7
#E5C2D8
#E7BFDA
#E8BCDC
#D8D6D2
#DAD2D4
#DCCED7
#DDCAD9
#DFC5DC
#E1C1DE
#E3BCE1
#CFDFD2
#D1D9D5
#D4D4D8
#D6CEDC
#D9C9DF
#DBC3E2
#DEBCE6
#C7E7D2
#CAE0D6
#CCD9DA
#CFD2DE
#D2CBE3
#D5C5E7
#D8BCEC
#BCF2D2
#C0E9D7
#C3E1DC
#C7D8E1
#CACFE6
#CEC7EC
#D2BCF2
Colorpallet from #F2BCD2 to #BCD2F2 and to #D2F2BC
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#E9C0D7
#EAC1D6
#EAC2D4
#EBC2D3
#ECC3D1
#ECC4D0
#EDC5CE
#E1C3DC
#E2C5D9
#E3C6D7
#E4C8D4
#E5C9D1
#E7CBCE
#E8CDCB
#D8C7E1
#DAC9DD
#DCCCD9
#DDCED5
#DFD1D0
#E1D3CC
#E3D6C7
#CFCAE6
#D1CDE1
#D4D1DB
#D6D4D6
#D9D7D0
#DBDBCB
#DEDFC4
#C7CEEC
#CAD2E5
#CCD6DE
#CFDAD7
#D2DED0
#D5E2C9
#D8E7C0
#BCD2F2
#C0D7E9
#C3DCE1
#C7E1D8
#CAE6CF
#CEECC7
#D2F2BC
Colorpallet from #F2BCD2 to #BCD2F2 and to #D2BCF2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#E9C0D7
#EABFD7
#EABFD7
#EBBED7
#ECBDD7
#ECBDD7
#EDBCD7
#E1C3DC
#E2C2DC
#E3C1DC
#E4C0DC
#E5BFDC
#E7BDDC
#E8BCDC
#D8C7E1
#DAC5E1
#DCC3E1
#DDC2E1
#DFC0E1
#E1BEE1
#E3BCE1
#CFCAE6
#D1C8E6
#D4C6E6
#D6C3E6
#D9C1E6
#DBBFE6
#DEBCE6
#C7CEEC
#CACBEC
#CCC8EC
#CFC5EC
#D2C2EC
#D5C0EC
#D8BCEC
#BCD2F2
#C0CEF2
#C3CBF2
#C7C7F2
#CAC4F2
#CEC0F2
#D2BCF2
Colorpallet from #F2BCD2 to #D2F2BC and to #D2BCF2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#F2BCD2
#EDC5CE
#EDC4CF
#EDC2D1
#EDC1D2
#EDBFD4
#EDBED5
#EDBCD7
#E8CDCB
#E8CACE
#E8C8D0
#E8C5D3
#E8C2D6
#E8BFD9
#E8BCDC
#E3D6C7
#E3D2CB
#E3CECF
#E3CAD3
#E3C5D8
#E3C1DC
#E3BCE1
#DEDFC4
#DED9C9
#DED4CF
#DECED4
#DEC9DA
#DEC3DF
#DEBCE6
#D8E7C0
#D8E0C7
#D8D9CE
#D8D2D5
#D8CBDC
#D8C5E3
#D8BCEC
#D2F2BC
#D2E9C5
#D2E1CD
#D2D8D6
#D2CFDF
#D2C7E7
#D2BCF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts