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 #CED6E2 to #CEE2D6 and to #D6CEE2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED8E0
#CED8E0
#CED7E1
#CED7E1
#CFD6E1
#CFD6E2
#CFD5E2
#CEDADE
#CED9DF
#CFD8DF
#CFD7E0
#D0D6E1
#D0D4E1
#D1D3E2
#CEDCDC
#CFDADD
#CFD9DE
#D0D7DF
#D1D6E0
#D1D4E1
#D2D2E2
#CEDEDA
#CFDCDB
#D0DADD
#D0D8DE
#D1D6DF
#D2D4E0
#D3D1E2
#CEE0D8
#CFDDDA
#D0DBDB
#D1D8DD
#D2D6DE
#D3D3E0
#D4D0E2
#CEE2D6
#CFDFD8
#D1DCDA
#D2D8DC
#D3D5DE
#D4D2E0
#D6CEE2
Colorpallet from #CED6E2 to #CEE2D6 and to #D6E2CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED8E0
#CED8E0
#CED8E0
#CED8E0
#CFD8DF
#CFD8DF
#CFD8DF
#CEDADE
#CEDADE
#CFDADD
#CFDADD
#D0DADD
#D0DADC
#D1DADC
#CEDCDC
#CFDCDB
#CFDCDB
#D0DCDA
#D1DCD9
#D1DCD9
#D2DCD8
#CEDEDA
#CFDED9
#D0DED8
#D0DED8
#D1DED7
#D2DED6
#D3DED5
#CEE0D8
#CFE0D7
#D0E0D6
#D1E0D5
#D2E0D4
#D3E0D3
#D4E0D2
#CEE2D6
#CFE2D5
#D1E2D3
#D2E2D2
#D3E2D1
#D4E2D0
#D6E2CE
Colorpallet from #CED6E2 to #CEE2D6 and to #E2CED6
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED8E0
#CED8E0
#CFD7E0
#CFD7E0
#D0D6E0
#D0D6E0
#D1D5E0
#CEDADE
#CFD9DE
#D0D8DE
#D1D7DE
#D2D6DE
#D3D4DE
#D4D3DE
#CEDCDC
#D0DADC
#D1D9DC
#D3D7DC
#D4D6DC
#D6D4DC
#D8D2DC
#CEDEDA
#D0DCDA
#D2DADA
#D4D8DA
#D6D6DA
#D8D4DA
#DBD1DA
#CEE0D8
#D1DDD8
#D3DBD8
#D6D8D8
#D8D6D8
#DBD3D8
#DED0D8
#CEE2D6
#D1DFD6
#D4DCD6
#D8D8D6
#DBD5D6
#DED2D6
#E2CED6
Colorpallet from #CED6E2 to #CEE2D6 and to #E2D6CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED8E0
#CED8E0
#CFD7E0
#CFD7E0
#D0D7DF
#D0D6DF
#D1D6DF
#CEDADE
#CFD9DE
#D0D9DD
#D1D8DD
#D2D7DD
#D3D7DC
#D4D6DC
#CEDCDC
#D0DBDB
#D1DADB
#D3D9DA
#D4D8D9
#D6D7D9
#D8D6D8
#CEDEDA
#D0DDD9
#D2DBD8
#D4DAD8
#D6D9D7
#D8D8D6
#DBD6D5
#CEE0D8
#D1DED7
#D3DDD6
#D6DBD5
#D8DAD4
#DBD8D3
#DED6D2
#CEE2D6
#D1E0D5
#D4DED3
#D8DCD2
#DBDAD1
#DED8D0
#E2D6CE
Colorpallet from #CED6E2 to #D6CEE2 and to #D6E2CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CFD5E2
#CFD5E2
#CFD6E1
#CFD6E1
#CFD7E0
#CFD7E0
#CFD8DF
#D1D3E2
#D1D4E1
#D1D5E0
#D1D6DF
#D1D7DE
#D1D9DD
#D1DADC
#D2D2E2
#D2D4E0
#D2D5DF
#D2D7DD
#D2D8DC
#D2DADA
#D2DCD8
#D3D1E2
#D3D3E0
#D3D5DE
#D3D7DC
#D3D9DA
#D3DBD8
#D3DED5
#D4D0E2
#D4D3DF
#D4D5DD
#D4D8DA
#D4DAD8
#D4DDD5
#D4E0D2
#D6CEE2
#D6D1DF
#D6D4DC
#D6D8D8
#D6DBD5
#D6DED2
#D6E2CE
Colorpallet from #CED6E2 to #D6CEE2 and to #E2CED6
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CFD5E2
#CFD5E2
#D0D5E1
#D0D5E1
#D0D5E1
#D1D5E0
#D1D5E0
#D1D3E2
#D1D3E1
#D2D3E1
#D2D3E0
#D3D3DF
#D3D3DF
#D4D3DE
#D2D2E2
#D3D2E1
#D4D2E0
#D5D2DF
#D6D2DE
#D7D2DD
#D8D2DC
#D3D1E2
#D4D1E1
#D6D1DF
#D7D1DE
#D8D1DD
#D9D1DC
#DBD1DA
#D4D0E2
#D6D0E0
#D7D0DF
#D9D0DD
#DAD0DC
#DCD0DA
#DED0D8
#D6CEE2
#D8CEE0
#DACEDE
#DCCEDC
#DECEDA
#E0CED8
#E2CED6
Colorpallet from #CED6E2 to #D6CEE2 and to #E2D6CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CFD5E2
#CFD5E2
#D0D5E1
#D0D5E1
#D0D6E0
#D1D6E0
#D1D6DF
#D1D3E2
#D1D3E1
#D2D4E0
#D2D4DF
#D3D5DE
#D3D5DD
#D4D6DC
#D2D2E2
#D3D3E0
#D4D3DF
#D5D4DD
#D6D5DC
#D7D5DA
#D8D6D8
#D3D1E2
#D4D2E0
#D6D3DE
#D7D3DC
#D8D4DA
#D9D5D8
#DBD6D5
#D4D0E2
#D6D1DF
#D7D2DD
#D9D3DA
#DAD4D8
#DCD5D5
#DED6D2
#D6CEE2
#D8CFDF
#DAD1DC
#DCD2D8
#DED3D5
#E0D4D2
#E2D6CE
Colorpallet from #CED6E2 to #D6E2CE and to #E2CED6
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CFD8DF
#CFD8DF
#D0D7DF
#D0D7DF
#D0D6E0
#D1D6E0
#D1D5E0
#D1DADC
#D1D9DC
#D2D8DD
#D2D7DD
#D3D6DD
#D3D4DE
#D4D3DE
#D2DCD8
#D3DAD9
#D4D9D9
#D5D7DA
#D6D6DB
#D7D4DB
#D8D2DC
#D3DED5
#D4DCD6
#D6DAD7
#D7D8D7
#D8D6D8
#D9D4D9
#DBD1DA
#D4E0D2
#D6DDD3
#D7DBD4
#D9D8D5
#DAD6D6
#DCD3D7
#DED0D8
#D6E2CE
#D8DFCF
#DADCD1
#DCD8D2
#DED5D3
#E0D2D4
#E2CED6
Colorpallet from #CED6E2 to #D6E2CE and to #E2D6CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CFD8DF
#CFD8DF
#D0D7DF
#D0D7DF
#D0D7DF
#D1D6DF
#D1D6DF
#D1DADC
#D1D9DC
#D2D9DC
#D2D8DC
#D3D7DC
#D3D7DC
#D4D6DC
#D2DCD8
#D3DBD8
#D4DAD8
#D5D9D8
#D6D8D8
#D7D7D8
#D8D6D8
#D3DED5
#D4DDD5
#D6DBD5
#D7DAD5
#D8D9D5
#D9D8D5
#DBD6D5
#D4E0D2
#D6DED2
#D7DDD2
#D9DBD2
#DADAD2
#DCD8D2
#DED6D2
#D6E2CE
#D8E0CE
#DADECE
#DCDCCE
#DEDACE
#E0D8CE
#E2D6CE
Colorpallet from #CED6E2 to #E2CED6 and to #E2D6CE
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#D1D5E0
#D1D5E0
#D1D5E0
#D1D5E0
#D1D6DF
#D1D6DF
#D1D6DF
#D4D3DE
#D4D3DE
#D4D4DD
#D4D4DD
#D4D5DD
#D4D5DC
#D4D6DC
#D8D2DC
#D8D3DB
#D8D3DB
#D8D4DA
#D8D5D9
#D8D5D9
#D8D6D8
#DBD1DA
#DBD2D9
#DBD3D8
#DBD3D8
#DBD4D7
#DBD5D6
#DBD6D5
#DED0D8
#DED1D7
#DED2D6
#DED3D5
#DED4D4
#DED5D3
#DED6D2
#E2CED6
#E2CFD5
#E2D1D3
#E2D2D2
#E2D3D1
#E2D4D0
#E2D6CE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts