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 #CECDE4 to #CEE4CD and to #CDCEE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CED0E1
#CED0E1
#CECFE2
#CECEE3
#CECEE3
#CECDE4
#CED4DD
#CED3DE
#CED2DF
#CED1E0
#CED0E1
#CECEE3
#CECDE4
#CED8D9
#CED6DB
#CED4DD
#CED3DE
#CED1E0
#CECFE2
#CECDE4
#CEDCD5
#CEDAD7
#CED8DA
#CED5DC
#CDD3DF
#CDD1E1
#CDCEE4
#CEDFD2
#CEDCD5
#CEDAD8
#CED7DB
#CDD4DE
#CDD1E0
#CDCEE4
#CEE4CD
#CEE0D1
#CEDDD4
#CED9D8
#CDD6DC
#CDD2DF
#CDCEE4
Colorpallet from #CECDE4 to #CEE4CD and to #CDE4CE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CED1E0
#CED1E0
#CED1E0
#CED1E0
#CED1E0
#CED1E0
#CED4DD
#CED4DD
#CED4DD
#CED4DD
#CED4DD
#CED4DD
#CED4DD
#CED8D9
#CED8D9
#CED8D9
#CED8D9
#CED8D9
#CED8D9
#CED8D9
#CEDCD5
#CEDCD5
#CEDCD5
#CEDCD5
#CDDCD6
#CDDCD6
#CDDCD6
#CEDFD2
#CEDFD2
#CEDFD2
#CEDFD2
#CDDFD2
#CDDFD2
#CDDFD2
#CEE4CD
#CEE4CD
#CEE4CD
#CEE4CD
#CDE4CE
#CDE4CE
#CDE4CE
Colorpallet from #CECDE4 to #CEE4CD and to #E4CECD
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CFD0E0
#CFD0E0
#D0CFE0
#D1CEE0
#D1CEE0
#D2CDE0
#CED4DD
#CFD3DD
#D0D2DD
#D1D1DD
#D2D0DD
#D4CEDD
#D5CDDD
#CED8D9
#D0D6D9
#D2D4D9
#D3D3D9
#D5D1D9
#D7CFD9
#D9CDD9
#CEDCD5
#D0DAD5
#D2D8D5
#D5D5D5
#D7D3D5
#D9D1D5
#DCCED5
#CEDFD2
#D1DCD2
#D4DAD2
#D7D7D2
#DAD4D2
#DCD1D2
#E0CED2
#CEE4CD
#D2E0CD
#D5DDCD
#D9D9CD
#DCD6CD
#E0D2CD
#E4CECD
Colorpallet from #CECDE4 to #CEE4CD and to #E4CDCE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CFD0E0
#CFD0E0
#D0CFE0
#D1CEE0
#D1CEE0
#D2CDE0
#CED4DD
#CFD3DD
#D0D2DD
#D1D1DD
#D2D0DD
#D4CEDD
#D5CDDD
#CED8D9
#D0D6D9
#D2D4D9
#D3D3D9
#D5D1D9
#D7CFD9
#D9CDD9
#CEDCD5
#D0DAD5
#D2D7D5
#D5D5D5
#D7D2D6
#D9D0D6
#DCCDD6
#CEDFD2
#D1DCD2
#D4D9D2
#D7D6D2
#DAD3D2
#DCD1D2
#E0CDD2
#CEE4CD
#D2E0CD
#D5DDCD
#D9D9CD
#DCD5CE
#E0D2CE
#E4CDCE
Colorpallet from #CECDE4 to #CDCEE4 and to #CDE4CE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECEE3
#CECEE3
#CECFE2
#CED0E1
#CED0E1
#CED1E0
#CECDE4
#CECEE3
#CECFE2
#CED0E1
#CED1E0
#CED3DE
#CED4DD
#CECDE4
#CECFE2
#CED1E0
#CED2DF
#CED4DD
#CED6DB
#CED8D9
#CDCEE4
#CDD0E2
#CDD2E0
#CDD5DD
#CDD7DB
#CDD9D9
#CDDCD6
#CDCEE4
#CDD1E1
#CDD3DE
#CDD6DB
#CDD9D8
#CDDCD6
#CDDFD2
#CDCEE4
#CDD2E0
#CDD5DD
#CDD9D9
#CDDCD6
#CDE0D2
#CDE4CE
Colorpallet from #CECDE4 to #CDCEE4 and to #E4CECD
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CFCDE3
#CFCDE3
#D0CDE2
#D1CDE1
#D1CDE1
#D2CDE0
#CECDE4
#CFCDE3
#D0CDE2
#D1CDE1
#D2CDE0
#D4CDDE
#D5CDDD
#CECDE4
#D0CDE2
#D2CDE0
#D3CDDF
#D5CDDD
#D7CDDB
#D9CDD9
#CDCEE4
#CFCEE2
#D2CEDF
#D4CEDD
#D7CEDA
#D9CED8
#DCCED5
#CDCEE4
#D0CEE1
#D3CEDE
#D6CEDB
#D9CED8
#DCCED6
#E0CED2
#CDCEE4
#D1CEE0
#D4CEDD
#D8CED9
#DCCED5
#DFCED2
#E4CECD
Colorpallet from #CECDE4 to #CDCEE4 and to #E4CDCE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CFCDE3
#CFCDE3
#D0CDE2
#D1CDE1
#D1CDE1
#D2CDE0
#CECDE4
#CFCDE3
#D0CDE2
#D1CDE1
#D2CDE0
#D4CDDE
#D5CDDD
#CECDE4
#D0CDE2
#D2CDE0
#D3CDDF
#D5CDDD
#D7CDDB
#D9CDD9
#CDCEE4
#CFCEE2
#D2CEE0
#D4CEDD
#D7CDDB
#D9CDD9
#DCCDD6
#CDCEE4
#D0CEE1
#D3CEDE
#D6CEDB
#D9CDD8
#DCCDD6
#E0CDD2
#CDCEE4
#D1CEE0
#D4CEDD
#D8CED9
#DCCDD6
#DFCDD2
#E4CDCE
Colorpallet from #CECDE4 to #CDE4CE and to #E4CECD
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CFD0E0
#CFD0E0
#D0CFE0
#D1CEE0
#D1CEE0
#D2CDE0
#CED4DD
#CFD3DD
#D0D2DD
#D1D1DD
#D2D0DD
#D4CEDD
#D5CDDD
#CED8D9
#D0D6D9
#D2D4D9
#D3D3D9
#D5D1D9
#D7CFD9
#D9CDD9
#CDDCD6
#CFDAD6
#D2D8D6
#D4D5D6
#D7D3D5
#D9D1D5
#DCCED5
#CDDFD2
#D0DCD2
#D3DAD2
#D6D7D2
#D9D4D2
#DCD1D2
#E0CED2
#CDE4CE
#D1E0CE
#D4DDCE
#D8D9CE
#DCD6CD
#DFD2CD
#E4CECD
Colorpallet from #CECDE4 to #CDE4CE and to #E4CDCE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CED1E0
#CFD0E0
#CFD0E0
#D0CFE0
#D1CEE0
#D1CEE0
#D2CDE0
#CED4DD
#CFD3DD
#D0D2DD
#D1D1DD
#D2D0DD
#D4CEDD
#D5CDDD
#CED8D9
#D0D6D9
#D2D4D9
#D3D3D9
#D5D1D9
#D7CFD9
#D9CDD9
#CDDCD6
#CFDAD6
#D2D7D6
#D4D5D6
#D7D2D6
#D9D0D6
#DCCDD6
#CDDFD2
#D0DCD2
#D3D9D2
#D6D6D2
#D9D3D2
#DCD1D2
#E0CDD2
#CDE4CE
#D1E0CE
#D4DDCE
#D8D9CE
#DCD5CE
#DFD2CE
#E4CDCE
Colorpallet from #CECDE4 to #E4CECD and to #E4CDCE
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#CECDE4
#D2CDE0
#D2CDE0
#D2CDE0
#D2CDE0
#D2CDE0
#D2CDE0
#D2CDE0
#D5CDDD
#D5CDDD
#D5CDDD
#D5CDDD
#D5CDDD
#D5CDDD
#D5CDDD
#D9CDD9
#D9CDD9
#D9CDD9
#D9CDD9
#D9CDD9
#D9CDD9
#D9CDD9
#DCCED5
#DCCED5
#DCCED5
#DCCED5
#DCCDD6
#DCCDD6
#DCCDD6
#E0CED2
#E0CED2
#E0CED2
#E0CED2
#E0CDD2
#E0CDD2
#E0CDD2
#E4CECD
#E4CECD
#E4CECD
#E4CECD
#E4CDCE
#E4CDCE
#E4CDCE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts