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 #F3CED4 to #F3D4CE and to #CEF3D4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CFD3
#F2D0D3
#F1D1D3
#F0D1D3
#EFD2D4
#EED3D4
#EDD4D4
#F3D0D2
#F1D2D2
#EFD3D3
#EDD5D3
#EBD6D3
#E9D8D4
#E7DAD4
#F3D1D1
#F0D3D1
#EDD6D2
#EAD8D2
#E7DBD3
#E5DDD3
#E1E0D4
#F3D2D0
#EFD5D1
#EBD8D1
#E7DCD2
#E4DFD3
#E0E2D3
#DBE6D4
#F3D3CF
#EED7D0
#E9DBD1
#E5DFD1
#E0E3D2
#DBE7D3
#D5ECD4
#F3D4CE
#EDD9CF
#E7DED0
#E1E3D1
#DBE8D2
#D5EDD3
#CEF3D4
Colorpallet from #F3CED4 to #F3D4CE and to #CED4F3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CFD3
#F2CFD4
#F1CFD5
#F0CFD6
#EFCFD7
#EECFD8
#EDCFD9
#F3D0D2
#F1D0D4
#EFD0D6
#EDD0D8
#EBD0DA
#E9D0DC
#E7D0DE
#F3D1D1
#F0D1D4
#EDD1D7
#EAD1DA
#E7D1DD
#E5D1DF
#E1D1E3
#F3D2D0
#EFD2D4
#EBD2D8
#E7D2DC
#E4D2DF
#E0D2E3
#DBD2E8
#F3D3CF
#EED3D4
#E9D3D9
#E5D3DD
#E0D3E2
#DBD3E7
#D5D3ED
#F3D4CE
#EDD4D4
#E7D4DA
#E1D4E0
#DBD4E6
#D5D4EC
#CED4F3
Colorpallet from #F3CED4 to #F3D4CE and to #D4F3CE
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CFD3
#F2D0D3
#F1D1D3
#F1D1D3
#F0D2D3
#EFD3D3
#EED4D3
#F3D0D2
#F1D2D2
#F0D3D2
#EED5D2
#EDD6D2
#EBD8D2
#E9DAD2
#F3D1D1
#F1D3D1
#EED6D1
#ECD8D1
#E9DBD1
#E7DDD1
#E4E0D1
#F3D2D0
#F0D5D0
#EDD8D0
#E9DCD0
#E6DFD0
#E3E2D0
#DFE6D0
#F3D3CF
#EFD7CF
#EBDBCF
#E7DFCF
#E3E3CF
#DFE7CF
#DAECCF
#F3D4CE
#EED9CE
#E9DECE
#E4E3CE
#DFE8CE
#DAEDCE
#D4F3CE
Colorpallet from #F3CED4 to #F3D4CE and to #D4CEF3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CFD3
#F2CFD4
#F1CFD5
#F1CFD6
#F0CED7
#EFCED8
#EECED9
#F3D0D2
#F1D0D4
#F0CFD6
#EECFD8
#EDCFDA
#EBCEDC
#E9CEDE
#F3D1D1
#F1D1D4
#EED0D7
#ECD0DA
#E9CFDD
#E7CFDF
#E4CEE3
#F3D2D0
#F0D1D4
#EDD1D8
#E9D0DC
#E6CFDF
#E3CFE3
#DFCEE8
#F3D3CF
#EFD2D4
#EBD1D9
#E7D1DD
#E3D0E2
#DFCFE7
#DACEED
#F3D4CE
#EED3D4
#E9D2DA
#E4D1E0
#DFD0E6
#DACFEC
#D4CEF3
Colorpallet from #F3CED4 to #CEF3D4 and to #CED4F3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EDD4D4
#EDD3D5
#EDD2D6
#EDD2D6
#EDD1D7
#EDD0D8
#EDCFD9
#E7DAD4
#E7D8D6
#E7D7D7
#E7D5D9
#E7D4DA
#E7D2DC
#E7D0DE
#E1E0D4
#E1DED6
#E1DBD9
#E1D9DB
#E1D6DE
#E1D4E0
#E1D1E3
#DBE6D4
#DBE3D7
#DBE0DA
#DBDCDE
#DBD9E1
#DBD6E4
#DBD2E8
#D5ECD4
#D5E8D8
#D5E4DC
#D5E0E0
#D5DCE4
#D5D8E8
#D5D3ED
#CEF3D4
#CEEED9
#CEE9DE
#CEE4E3
#CEDFE8
#CEDAED
#CED4F3
Colorpallet from #F3CED4 to #CEF3D4 and to #D4F3CE
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EDD4D4
#EDD4D4
#EDD4D4
#EDD4D4
#EED4D3
#EED4D3
#EED4D3
#E7DAD4
#E7DAD4
#E8DAD3
#E8DAD3
#E8DAD3
#E9DAD2
#E9DAD2
#E1E0D4
#E1E0D4
#E2E0D3
#E2E0D3
#E3E0D2
#E3E0D2
#E4E0D1
#DBE6D4
#DCE6D3
#DCE6D3
#DDE6D2
#DEE6D1
#DEE6D1
#DFE6D0
#D5ECD4
#D6ECD3
#D7ECD2
#D7ECD2
#D8ECD1
#D9ECD0
#DAECCF
#CEF3D4
#CFF3D3
#D0F3D2
#D1F3D1
#D2F3D0
#D3F3CF
#D4F3CE
Colorpallet from #F3CED4 to #CEF3D4 and to #D4CEF3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EDD4D4
#EDD3D5
#EDD2D6
#EDD1D6
#EED0D7
#EECFD8
#EECED9
#E7DAD4
#E7D8D6
#E8D6D7
#E8D4D9
#E8D2DA
#E9D0DC
#E9CEDE
#E1E0D4
#E1DDD6
#E2DAD9
#E2D7DB
#E3D4DE
#E3D2E0
#E4CEE3
#DBE6D4
#DCE2D7
#DCDEDA
#DDDADE
#DED7E1
#DED3E4
#DFCEE8
#D5ECD4
#D6E7D8
#D7E2DC
#D7DEE0
#D8D9E4
#D9D4E8
#DACEED
#CEF3D4
#CFEDD9
#D0E7DE
#D1E1E3
#D2DBE8
#D3D5ED
#D4CEF3
Colorpallet from #F3CED4 to #CED4F3 and to #D4F3CE
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EDCFD9
#EDD0D8
#EDD1D7
#EDD1D6
#EED2D5
#EED3D4
#EED4D3
#E7D0DE
#E7D2DC
#E8D3DA
#E8D5D8
#E8D6D6
#E9D8D4
#E9DAD2
#E1D1E3
#E1D3E0
#E2D6DD
#E2D8DA
#E3DBD7
#E3DDD5
#E4E0D1
#DBD2E8
#DCD5E4
#DCD8E0
#DDDCDC
#DEDFD9
#DEE2D5
#DFE6D0
#D5D3ED
#D6D7E8
#D7DBE3
#D7DFDF
#D8E3DA
#D9E7D5
#DAECCF
#CED4F3
#CFD9ED
#D0DEE7
#D1E3E1
#D2E8DB
#D3EDD5
#D4F3CE
Colorpallet from #F3CED4 to #CED4F3 and to #D4CEF3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EDCFD9
#EDCFD9
#EDCFD9
#EDCFD9
#EECED9
#EECED9
#EECED9
#E7D0DE
#E7D0DE
#E8CFDE
#E8CFDE
#E8CFDE
#E9CEDE
#E9CEDE
#E1D1E3
#E1D1E3
#E2D0E3
#E2D0E3
#E3CFE3
#E3CFE3
#E4CEE3
#DBD2E8
#DCD1E8
#DCD1E8
#DDD0E8
#DECFE8
#DECFE8
#DFCEE8
#D5D3ED
#D6D2ED
#D7D1ED
#D7D1ED
#D8D0ED
#D9CFED
#DACEED
#CED4F3
#CFD3F3
#D0D2F3
#D1D1F3
#D2D0F3
#D3CFF3
#D4CEF3
Colorpallet from #F3CED4 to #D4F3CE and to #D4CEF3
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#F3CED4
#EED4D3
#EED3D4
#EED2D5
#EED1D6
#EED0D7
#EECFD8
#EECED9
#E9DAD2
#E9D8D4
#E9D6D6
#E9D4D8
#E9D2DA
#E9D0DC
#E9CEDE
#E4E0D1
#E4DDD4
#E4DAD7
#E4D7DA
#E4D4DD
#E4D2DF
#E4CEE3
#DFE6D0
#DFE2D4
#DFDED8
#DFDADC
#DFD7DF
#DFD3E3
#DFCEE8
#DAECCF
#DAE7D4
#DAE2D9
#DADEDD
#DAD9E2
#DAD4E7
#DACEED
#D4F3CE
#D4EDD4
#D4E7DA
#D4E1E0
#D4DBE6
#D4D5EC
#D4CEF3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
