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 #F2CCDA to #F2DACC and to #CCF2DA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CED8
#F1CFD8
#F0CFD9
#EFD0D9
#EED1D9
#EDD1DA
#ECD2DA
#F2D0D6
#F0D1D7
#EED3D7
#ECD4D8
#EAD5D9
#E8D6D9
#E6D8DA
#F2D3D3
#EFD5D4
#ECD7D5
#E9D8D6
#E6DAD7
#E4DCD9
#E0DEDA
#F2D5D1
#EED7D2
#EADAD4
#E6DCD5
#E3DFD7
#DFE1D8
#DAE4DA
#F2D7CF
#EDDAD1
#E8DDD3
#E4E0D4
#DFE3D6
#DAE6D8
#D4EADA
#F2DACC
#ECDECE
#E6E2D0
#E0E6D3
#DAE9D5
#D4EDD7
#CCF2DA
Colorpallet from #F2CCDA to #F2DACC and to #CCDAF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CED8
#F1CED9
#F0CEDA
#EFCEDB
#EECEDC
#EDCEDD
#ECCEDE
#F2D0D6
#F0D0D8
#EED0DA
#ECD0DC
#EAD0DE
#E8D0E0
#E6D0E2
#F2D3D3
#EFD3D6
#ECD3D9
#E9D3DC
#E6D3DF
#E4D3E2
#E0D3E6
#F2D5D1
#EED5D5
#EAD5D9
#E6D5DD
#E3D5E0
#DFD5E4
#DAD5E9
#F2D7CF
#EDD7D4
#E8D7D9
#E4D7DD
#DFD7E2
#DAD7E7
#D4D7ED
#F2DACC
#ECDAD2
#E6DAD8
#E0DADE
#DADAE4
#D4DAEA
#CCDAF2
Colorpallet from #F2CCDA to #F2DACC and to #DAF2CC
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CED8
#F1CFD8
#F1CFD8
#F0D0D8
#EFD1D8
#EFD1D8
#EED2D8
#F2D0D6
#F1D1D6
#EFD3D6
#EED4D6
#EDD5D6
#ECD6D6
#EAD8D6
#F2D3D3
#F0D5D3
#EED7D3
#ECD8D3
#EADAD3
#E8DCD3
#E6DED3
#F2D5D1
#F0D7D1
#EDDAD1
#EBDCD1
#E8DFD1
#E6E1D1
#E3E4D1
#F2D7CF
#EFDACF
#ECDDCF
#E9E0CF
#E6E3CF
#E3E6CF
#DFEACF
#F2DACC
#EEDECC
#EAE2CC
#E6E6CC
#E3E9CC
#DFEDCC
#DAF2CC
Colorpallet from #F2CCDA to #F2DACC and to #DACCF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CED8
#F1CED9
#F1CDDA
#F0CDDB
#EFCDDC
#EFCCDD
#EECCDE
#F2D0D6
#F1CFD8
#EFCFDA
#EECEDC
#EDCDDE
#ECCDE0
#EACCE2
#F2D3D3
#F0D2D6
#EED1D9
#ECD0DC
#EACFDF
#E8CDE2
#E6CCE6
#F2D5D1
#F0D4D5
#EDD2D9
#EBD1DD
#E8CFE0
#E6CEE4
#E3CCE9
#F2D7CF
#EFD5D4
#ECD3D9
#E9D2DD
#E6D0E2
#E3CEE7
#DFCCED
#F2DACC
#EED8D2
#EAD6D8
#E6D3DE
#E3D1E4
#DFCFEA
#DACCF2
Colorpallet from #F2CCDA to #CCF2DA and to #CCDAF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#ECD2DA
#ECD1DB
#ECD1DB
#ECD0DC
#ECCFDD
#ECCFDD
#ECCEDE
#E6D8DA
#E6D7DB
#E6D5DD
#E6D4DE
#E6D3DF
#E6D2E0
#E6D0E2
#E0DEDA
#E0DCDC
#E0DADE
#E0D9E0
#E0D7E2
#E0D5E4
#E0D3E6
#DAE4DA
#DAE2DC
#DADFDF
#DADDE1
#DADAE4
#DAD8E6
#DAD5E9
#D4EADA
#D4E7DD
#D4E4E0
#D4E1E3
#D4DEE6
#D4DBE9
#D4D7ED
#CCF2DA
#CCEEDE
#CCEAE2
#CCE6E6
#CCE3E9
#CCDFED
#CCDAF2
Colorpallet from #F2CCDA to #CCF2DA and to #DAF2CC
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#ECD2DA
#ECD2DA
#EDD2D9
#EDD2D9
#EDD2D9
#EED2D8
#EED2D8
#E6D8DA
#E7D8D9
#E7D8D9
#E8D8D8
#E9D8D7
#E9D8D7
#EAD8D6
#E0DEDA
#E1DED9
#E2DED8
#E3DED7
#E4DED6
#E5DED4
#E6DED3
#DAE4DA
#DBE4D9
#DDE4D7
#DEE4D6
#E0E4D4
#E1E4D3
#E3E4D1
#D4EADA
#D6EAD8
#D8EAD6
#D9EAD5
#DBEAD3
#DDEAD1
#DFEACF
#CCF2DA
#CEF2D8
#D0F2D6
#D3F2D3
#D5F2D1
#D7F2CF
#DAF2CC
Colorpallet from #F2CCDA to #CCF2DA and to #DACCF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#ECD2DA
#ECD1DB
#EDD0DB
#EDCFDC
#EDCEDD
#EECDDD
#EECCDE
#E6D8DA
#E7D6DB
#E7D4DD
#E8D2DE
#E9D0DF
#E9CEE0
#EACCE2
#E0DEDA
#E1DBDC
#E2D8DE
#E3D5E0
#E4D2E2
#E5D0E4
#E6CCE6
#DAE4DA
#DBE0DC
#DDDCDF
#DED8E1
#E0D5E4
#E1D1E6
#E3CCE9
#D4EADA
#D6E5DD
#D8E0E0
#D9DCE3
#DBD7E6
#DDD2E9
#DFCCED
#CCF2DA
#CEECDE
#D0E6E2
#D3E0E6
#D5DAE9
#D7D4ED
#DACCF2
Colorpallet from #F2CCDA to #CCDAF2 and to #DAF2CC
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#ECCEDE
#ECCFDD
#EDCFDC
#EDD0DB
#EDD1DA
#EED1D9
#EED2D8
#E6D0E2
#E7D1E0
#E7D3DE
#E8D4DC
#E9D5DA
#E9D6D8
#EAD8D6
#E0D3E6
#E1D5E3
#E2D7E0
#E3D8DD
#E4DADA
#E5DCD7
#E6DED3
#DAD5E9
#DBD7E5
#DDDAE1
#DEDCDD
#E0DFDA
#E1E1D6
#E3E4D1
#D4D7ED
#D6DAE8
#D8DDE3
#D9E0DF
#DBE3DA
#DDE6D5
#DFEACF
#CCDAF2
#CEDEEC
#D0E2E6
#D3E6E0
#D5E9DA
#D7EDD4
#DAF2CC
Colorpallet from #F2CCDA to #CCDAF2 and to #DACCF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#ECCEDE
#ECCEDE
#EDCDDE
#EDCDDE
#EDCDDE
#EECCDE
#EECCDE
#E6D0E2
#E7CFE2
#E7CFE2
#E8CEE2
#E9CDE2
#E9CDE2
#EACCE2
#E0D3E6
#E1D2E6
#E2D1E6
#E3D0E6
#E4CFE6
#E5CDE6
#E6CCE6
#DAD5E9
#DBD4E9
#DDD2E9
#DED1E9
#E0CFE9
#E1CEE9
#E3CCE9
#D4D7ED
#D6D5ED
#D8D3ED
#D9D2ED
#DBD0ED
#DDCEED
#DFCCED
#CCDAF2
#CED8F2
#D0D6F2
#D3D3F2
#D5D1F2
#D7CFF2
#DACCF2
Colorpallet from #F2CCDA to #DAF2CC and to #DACCF2
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#F2CCDA
#EED2D8
#EED1D9
#EED0DA
#EECFDB
#EECEDC
#EECDDD
#EECCDE
#EAD8D6
#EAD6D8
#EAD4DA
#EAD2DC
#EAD0DE
#EACEE0
#EACCE2
#E6DED3
#E6DBD6
#E6D8D9
#E6D5DC
#E6D2DF
#E6D0E2
#E6CCE6
#E3E4D1
#E3E0D5
#E3DCD9
#E3D8DD
#E3D5E0
#E3D1E4
#E3CCE9
#DFEACF
#DFE5D4
#DFE0D9
#DFDCDD
#DFD7E2
#DFD2E7
#DFCCED
#DAF2CC
#DAECD2
#DAE6D8
#DAE0DE
#DADAE4
#DAD4EA
#DACCF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts