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 #F2D2C2 to #F2C2D2 and to #D2F2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2CFC5
#F1D0C5
#F0D2C4
#F0D3C4
#EFD4C3
#EED5C3
#EDD7C2
#F2CDC7
#F0CFC6
#EFD2C5
#EDD4C5
#ECD7C4
#EAD9C3
#E8DCC2
#F2CACA
#F0CEC9
#EDD1C7
#EBD5C6
#E8D9C5
#E6DCC4
#E3E1C2
#F2C8CC
#EFCDCA
#ECD2C9
#E8D6C7
#E5DBC6
#E2E0C4
#DEE6C2
#F2C5CF
#EECBCD
#EAD1CB
#E6D8C9
#E1DEC7
#DDE4C5
#D8ECC2
#F2C2D2
#EDCACF
#E8D1CD
#E3D9CA
#DEE1C8
#D8E8C5
#D2F2C2
Colorpallet from #F2D2C2 to #F2C2D2 and to #D2C2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2CFC5
#F1CFC6
#F0CFC7
#F0CFC7
#EFCFC8
#EECFC9
#EDCFCA
#F2CDC7
#F0CDC9
#EFCDCA
#EDCDCC
#ECCDCD
#EACDCF
#E8CDD1
#F2CACA
#F0CACC
#EDCACF
#EBCAD1
#E8CAD4
#E6CAD6
#E3CAD9
#F2C8CC
#EFC8CF
#ECC8D3
#E8C8D6
#E5C8D9
#E2C8DD
#DEC8E1
#F2C5CF
#EEC5D3
#EAC5D7
#E6C5DB
#E1C5DF
#DDC5E3
#D8C5E8
#F2C2D2
#EDC2D7
#E8C2DC
#E3C2E1
#DEC2E6
#D8C2EC
#D2C2F2
Colorpallet from #F2D2C2 to #F2C2D2 and to #C2F2D2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2CFC5
#F1D0C5
#EFD2C5
#EED3C5
#EDD4C5
#ECD5C5
#EAD7C5
#F2CDC7
#F0CFC7
#EDD2C7
#EBD4C7
#E8D7C7
#E6D9C7
#E3DCC7
#F2CACA
#EECECA
#EBD1CA
#E7D5CA
#E3D9CA
#E0DCCA
#DBE1CA
#F2C8CC
#EDCDCC
#E8D2CC
#E3D6CC
#DEDBCC
#D9E0CC
#D3E6CC
#F2C5CF
#ECCBCF
#E6D1CF
#E0D8CF
#DADECF
#D4E4CF
#CCECCF
#F2C2D2
#EACAD2
#E3D1D2
#DBD9D2
#D3E1D2
#CCE8D2
#C2F2D2
Colorpallet from #F2D2C2 to #F2C2D2 and to #C2D2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2CFC5
#F1CFC6
#EFD0C7
#EED0C7
#EDD1C8
#ECD1C9
#EAD2CA
#F2CDC7
#F0CEC9
#EDCFCA
#EBCFCC
#E8D0CD
#E6D1CF
#E3D2D1
#F2CACA
#EECBCC
#EBCDCF
#E7CED1
#E3CFD4
#E0D0D6
#DBD2D9
#F2C8CC
#EDCACF
#E8CBD3
#E3CDD6
#DECED9
#D9D0DD
#D3D2E1
#F2C5CF
#ECC7D3
#E6C9D7
#E0CBDB
#DACDDF
#D4CFE3
#CCD2E8
#F2C2D2
#EAC5D7
#E3C7DC
#DBCAE1
#D3CCE6
#CCCFEC
#C2D2F2
Colorpallet from #F2D2C2 to #D2F2C2 and to #D2C2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EDD7C2
#EDD6C3
#EDD4C5
#EDD3C6
#EDD2C7
#EDD1C8
#EDCFCA
#E8DCC2
#E8DAC4
#E8D7C7
#E8D5C9
#E8D2CC
#E8D0CE
#E8CDD1
#E3E1C2
#E3DDC6
#E3DAC9
#E3D6CD
#E3D2D1
#E3CFD4
#E3CAD9
#DEE6C2
#DEE1C7
#DEDCCC
#DED8D1
#DED3D6
#DECEDB
#DEC8E1
#D8ECC2
#D8E6C8
#D8E0CE
#D8D9D4
#D8D3DA
#D8CDE0
#D8C5E8
#D2F2C2
#D2EACA
#D2E3D1
#D2DBD9
#D2D3E1
#D2CCE8
#D2C2F2
Colorpallet from #F2D2C2 to #D2F2C2 and to #C2F2D2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EDD7C2
#EDD7C2
#ECD7C3
#ECD7C3
#EBD7C4
#EBD7C4
#EAD7C5
#E8DCC2
#E7DCC3
#E6DCC4
#E6DCC4
#E5DCC5
#E4DCC6
#E3DCC7
#E3E1C2
#E2E1C3
#E0E1C5
#DFE1C6
#DEE1C7
#DDE1C8
#DBE1CA
#DEE6C2
#DCE6C4
#DAE6C5
#D9E6C7
#D7E6C8
#D5E6CA
#D3E6CC
#D8ECC2
#D6ECC4
#D4ECC6
#D2ECC8
#D0ECCA
#CEECCC
#CCECCF
#D2F2C2
#CFF2C5
#CDF2C7
#CAF2CA
#C8F2CC
#C5F2CF
#C2F2D2
Colorpallet from #F2D2C2 to #D2F2C2 and to #C2D2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EDD7C2
#EDD6C3
#ECD5C5
#ECD5C6
#EBD4C7
#EBD3C8
#EAD2CA
#E8DCC2
#E7DAC4
#E6D9C7
#E6D7C9
#E5D6CC
#E4D4CE
#E3D2D1
#E3E1C2
#E2DFC6
#E0DCC9
#DFDACD
#DED7D1
#DDD5D4
#DBD2D9
#DEE6C2
#DCE3C7
#DAE0CC
#D9DCD1
#D7D9D6
#D5D6DB
#D3D2E1
#D8ECC2
#D6E8C8
#D4E4CE
#D2E0D4
#D0DBDA
#CED7E0
#CCD2E8
#D2F2C2
#CFEDCA
#CDE8D1
#CAE3D9
#C8DEE1
#C5D8E8
#C2D2F2
Colorpallet from #F2D2C2 to #D2C2F2 and to #C2F2D2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EDCFCA
#EDD0C9
#ECD2C8
#ECD3C8
#EBD4C7
#EBD5C6
#EAD7C5
#E8CDD1
#E7CFCF
#E6D2CE
#E6D4CC
#E5D7CB
#E4D9C9
#E3DCC7
#E3CAD9
#E2CED7
#E0D1D4
#DFD5D2
#DED9CF
#DDDCCD
#DBE1CA
#DEC8E1
#DCCDDE
#DAD2DA
#D9D6D7
#D7DBD4
#D5E0D0
#D3E6CC
#D8C5E8
#D6CBE4
#D4D1E0
#D2D8DC
#D0DED8
#CEE4D4
#CCECCF
#D2C2F2
#CFCAED
#CDD1E8
#CAD9E3
#C8E1DE
#C5E8D8
#C2F2D2
Colorpallet from #F2D2C2 to #D2C2F2 and to #C2D2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EDCFCA
#EDCFCA
#ECD0CA
#ECD0CA
#EBD1CA
#EBD1CA
#EAD2CA
#E8CDD1
#E7CED1
#E6CFD1
#E6CFD1
#E5D0D1
#E4D1D1
#E3D2D1
#E3CAD9
#E2CBD9
#E0CDD9
#DFCED9
#DECFD9
#DDD0D9
#DBD2D9
#DEC8E1
#DCCAE1
#DACBE1
#D9CDE1
#D7CEE1
#D5D0E1
#D3D2E1
#D8C5E8
#D6C7E8
#D4C9E8
#D2CBE8
#D0CDE8
#CECFE8
#CCD2E8
#D2C2F2
#CFC5F2
#CDC7F2
#CACAF2
#C8CCF2
#C5CFF2
#C2D2F2
Colorpallet from #F2D2C2 to #C2F2D2 and to #C2D2F2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#F2D2C2
#EAD7C5
#EAD6C6
#EAD5C7
#EAD5C7
#EAD4C8
#EAD3C9
#EAD2CA
#E3DCC7
#E3DAC9
#E3D9CA
#E3D7CC
#E3D6CD
#E3D4CF
#E3D2D1
#DBE1CA
#DBDFCC
#DBDCCF
#DBDAD1
#DBD7D4
#DBD5D6
#DBD2D9
#D3E6CC
#D3E3CF
#D3E0D3
#D3DCD6
#D3D9D9
#D3D6DD
#D3D2E1
#CCECCF
#CCE8D3
#CCE4D7
#CCE0DB
#CCDBDF
#CCD7E3
#CCD2E8
#C2F2D2
#C2EDD7
#C2E8DC
#C2E3E1
#C2DEE6
#C2D8EC
#C2D2F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts