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 #CFD2E6 to #CFE6D2 and to #D2CFE6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E3
#CFD5E3
#CFD4E4
#CFD4E4
#CFD3E5
#CFD3E5
#CFD2E6
#CFD8E0
#CFD7E1
#CFD6E2
#CFD5E3
#D0D4E4
#D0D2E5
#D0D1E6
#CFDCDC
#CFDADE
#CFD8DF
#CFD7E1
#D0D5E2
#D0D3E4
#D0D1E6
#CFDFD9
#CFDDDB
#D0DADD
#D0D8DF
#D0D5E1
#D1D3E3
#D1D0E6
#CFE2D6
#CFDFD9
#D0DCDB
#D0D9DE
#D0D6E0
#D1D4E3
#D1D0E6
#CFE6D2
#CFE2D5
#D0DFD8
#D0DBDC
#D1D7DF
#D1D4E2
#D2CFE6
Colorpallet from #CFD2E6 to #CFE6D2 and to #D2E6CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E3
#CFD5E3
#CFD5E3
#CFD5E3
#CFD5E2
#CFD5E2
#CFD5E2
#CFD8E0
#CFD8E0
#CFD8E0
#CFD8E0
#D0D8DF
#D0D8DF
#D0D8DF
#CFDCDC
#CFDCDC
#CFDCDC
#CFDCDC
#D0DCDB
#D0DCDB
#D0DCDB
#CFDFD9
#CFDFD9
#D0DFD8
#D0DFD8
#D0DFD8
#D1DFD7
#D1DFD7
#CFE2D6
#CFE2D6
#D0E2D5
#D0E2D5
#D0E2D5
#D1E2D4
#D1E2D4
#CFE6D2
#CFE6D2
#D0E6D1
#D0E6D1
#D1E6D0
#D1E6D0
#D2E6CF
Colorpallet from #CFD2E6 to #CFE6D2 and to #E6CFD2
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E3
#D0D5E3
#D0D4E3
#D1D4E3
#D2D3E3
#D2D3E3
#D3D2E3
#CFD8E0
#D0D7E0
#D1D6E0
#D2D5E0
#D3D4E0
#D5D2E0
#D6D1E0
#CFDCDC
#D1DADC
#D3D8DC
#D4D7DC
#D6D5DC
#D8D3DC
#DAD1DC
#CFDFD9
#D1DDD9
#D4DAD9
#D6D8D9
#D9D5D9
#DBD3D9
#DED0D9
#CFE2D6
#D2DFD6
#D5DCD6
#D8D9D6
#DBD6D6
#DDD4D6
#E1D0D6
#CFE6D2
#D3E2D2
#D6DFD2
#DADBD2
#DED7D2
#E1D4D2
#E6CFD2
Colorpallet from #CFD2E6 to #CFE6D2 and to #E6D2CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E3
#D0D5E3
#D0D4E3
#D1D4E3
#D2D3E2
#D2D3E2
#D3D2E2
#CFD8E0
#D0D7E0
#D1D6E0
#D2D5E0
#D3D4DF
#D5D3DF
#D6D2DF
#CFDCDC
#D1DADC
#D3D9DC
#D4D7DC
#D6D6DB
#D8D4DB
#DAD2DB
#CFDFD9
#D1DDD9
#D4DBD8
#D6D9D8
#D9D7D8
#DBD5D7
#DED2D7
#CFE2D6
#D2DFD6
#D5DDD5
#D8DAD5
#DBD8D5
#DDD5D4
#E1D2D4
#CFE6D2
#D3E3D2
#D6E0D1
#DADCD1
#DED9D0
#E1D6D0
#E6D2CF
Colorpallet from #CFD2E6 to #D2CFE6 and to #D2E6CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E5
#CFD3E5
#CFD3E4
#CFD4E3
#CFD4E3
#CFD5E2
#D0D1E6
#D0D2E5
#D0D3E4
#D0D4E3
#D0D5E2
#D0D7E0
#D0D8DF
#D0D1E6
#D0D3E4
#D0D5E2
#D0D6E1
#D0D8DF
#D0DADD
#D0DCDB
#D1D0E6
#D1D2E4
#D1D5E1
#D1D7DF
#D1DADC
#D1DCDA
#D1DFD7
#D1D0E6
#D1D3E3
#D1D6E0
#D1D9DD
#D1DCDA
#D1DED8
#D1E2D4
#D2CFE6
#D2D3E2
#D2D6DF
#D2DADB
#D2DED7
#D2E1D4
#D2E6CF
Colorpallet from #CFD2E6 to #D2CFE6 and to #E6CFD2
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#D0D2E6
#D0D2E5
#D1D2E5
#D2D2E4
#D2D2E4
#D3D2E3
#D0D1E6
#D1D1E5
#D2D1E4
#D3D1E3
#D4D1E2
#D5D1E1
#D6D1E0
#D0D1E6
#D2D1E4
#D3D1E3
#D5D1E1
#D6D1E0
#D8D1DE
#DAD1DC
#D1D0E6
#D3D0E4
#D5D0E2
#D7D0E0
#D9D0DE
#DBD0DC
#DED0D9
#D1D0E6
#D4D0E3
#D6D0E1
#D9D0DE
#DBD0DC
#DED0D9
#E1D0D6
#D2CFE6
#D5CFE3
#D8CFE0
#DCCFDC
#DFCFD9
#E2CFD6
#E6CFD2
Colorpallet from #CFD2E6 to #D2CFE6 and to #E6D2CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#D0D2E5
#D0D2E5
#D1D2E4
#D2D2E3
#D2D2E3
#D3D2E2
#D0D1E6
#D1D1E5
#D2D1E4
#D3D1E3
#D4D2E2
#D5D2E0
#D6D2DF
#D0D1E6
#D2D1E4
#D3D1E2
#D5D1E1
#D6D2DF
#D8D2DD
#DAD2DB
#D1D0E6
#D3D0E4
#D5D1E1
#D7D1DF
#D9D1DC
#DBD2DA
#DED2D7
#D1D0E6
#D4D0E3
#D6D1E0
#D9D1DD
#DBD1DA
#DED2D8
#E1D2D4
#D2CFE6
#D5CFE2
#D8D0DF
#DCD0DB
#DFD1D7
#E2D1D4
#E6D2CF
Colorpallet from #CFD2E6 to #D2E6CF and to #E6CFD2
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E2
#D0D5E2
#D0D4E2
#D1D4E2
#D2D3E3
#D2D3E3
#D3D2E3
#D0D8DF
#D1D7DF
#D2D6DF
#D3D5DF
#D4D4E0
#D5D2E0
#D6D1E0
#D0DCDB
#D2DADB
#D3D8DB
#D5D7DB
#D6D5DC
#D8D3DC
#DAD1DC
#D1DFD7
#D3DDD7
#D5DAD8
#D7D8D8
#D9D5D8
#DBD3D9
#DED0D9
#D1E2D4
#D4DFD4
#D6DCD5
#D9D9D5
#DBD6D5
#DED4D6
#E1D0D6
#D2E6CF
#D5E2CF
#D8DFD0
#DCDBD0
#DFD7D1
#E2D4D1
#E6CFD2
Colorpallet from #CFD2E6 to #D2E6CF and to #E6D2CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD5E2
#D0D5E2
#D0D4E2
#D1D4E2
#D2D3E2
#D2D3E2
#D3D2E2
#D0D8DF
#D1D7DF
#D2D6DF
#D3D5DF
#D4D4DF
#D5D3DF
#D6D2DF
#D0DCDB
#D2DADB
#D3D9DB
#D5D7DB
#D6D6DB
#D8D4DB
#DAD2DB
#D1DFD7
#D3DDD7
#D5DBD7
#D7D9D7
#D9D7D7
#DBD5D7
#DED2D7
#D1E2D4
#D4DFD4
#D6DDD4
#D9DAD4
#DBD8D4
#DED5D4
#E1D2D4
#D2E6CF
#D5E3CF
#D8E0CF
#DCDCCF
#DFD9CF
#E2D6CF
#E6D2CF
Colorpallet from #CFD2E6 to #E6CFD2 and to #E6D2CF
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#CFD2E6
#D3D2E3
#D3D2E3
#D3D2E3
#D3D2E3
#D3D2E2
#D3D2E2
#D3D2E2
#D6D1E0
#D6D1E0
#D6D1E0
#D6D1E0
#D6D2DF
#D6D2DF
#D6D2DF
#DAD1DC
#DAD1DC
#DAD1DC
#DAD1DC
#DAD2DB
#DAD2DB
#DAD2DB
#DED0D9
#DED0D9
#DED1D8
#DED1D8
#DED1D8
#DED2D7
#DED2D7
#E1D0D6
#E1D0D6
#E1D1D5
#E1D1D5
#E1D1D5
#E1D2D4
#E1D2D4
#E6CFD2
#E6CFD2
#E6D0D1
#E6D0D1
#E6D1D0
#E6D1D0
#E6D2CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts