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 #CFD2E5 to #CFE5D2 and to #D2CFE5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E2
#CFD5E2
#CFD4E3
#CFD4E3
#CFD3E4
#CFD3E4
#CFD2E5
#CFD8DF
#CFD7E0
#CFD6E1
#CFD5E2
#D0D4E3
#D0D2E4
#D0D1E5
#CFDBDC
#CFD9DD
#CFD8DF
#CFD6E0
#D0D5E2
#D0D3E3
#D0D1E5
#CFDED9
#CFDCDB
#D0DADD
#D0D7DF
#D0D5E1
#D1D3E3
#D1D0E5
#CFE1D6
#CFDED8
#D0DCDB
#D0D9DD
#D0D6E0
#D1D3E2
#D1D0E5
#CFE5D2
#CFE1D5
#D0DED8
#D0DADB
#D1D7DE
#D1D3E1
#D2CFE5
Colorpallet from #CFD2E5 to #CFE5D2 and to #D2E5CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E2
#CFD5E2
#CFD5E2
#CFD5E2
#CFD5E1
#CFD5E1
#CFD5E1
#CFD8DF
#CFD8DF
#CFD8DF
#CFD8DF
#D0D8DE
#D0D8DE
#D0D8DE
#CFDBDC
#CFDBDC
#CFDBDB
#CFDBDB
#D0DBDB
#D0DBDA
#D0DBDA
#CFDED9
#CFDED9
#D0DED8
#D0DED8
#D0DED8
#D1DED7
#D1DED7
#CFE1D6
#CFE1D6
#D0E1D5
#D0E1D5
#D0E1D4
#D1E1D4
#D1E1D3
#CFE5D2
#CFE5D2
#D0E5D1
#D0E5D1
#D1E5D0
#D1E5D0
#D2E5CF
Colorpallet from #CFD2E5 to #CFE5D2 and to #E5CFD2
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E2
#D0D5E2
#D0D4E2
#D1D4E2
#D2D3E2
#D2D3E2
#D3D2E2
#CFD8DF
#D0D7DF
#D1D6DF
#D2D5DF
#D3D4DF
#D5D2DF
#D6D1DF
#CFDBDC
#D1D9DC
#D3D8DC
#D4D6DC
#D6D5DC
#D8D3DC
#DAD1DC
#CFDED9
#D1DCD9
#D3DAD9
#D6D7D9
#D8D5D9
#DAD3D9
#DDD0D9
#CFE1D6
#D2DED6
#D5DCD6
#D8D9D6
#DBD6D6
#DDD3D6
#E1D0D6
#CFE5D2
#D3E1D2
#D6DED2
#DADAD2
#DDD7D2
#E1D3D2
#E5CFD2
Colorpallet from #CFD2E5 to #CFE5D2 and to #E5D2CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E2
#D0D5E2
#D0D4E2
#D1D4E2
#D2D3E1
#D2D3E1
#D3D2E1
#CFD8DF
#D0D7DF
#D1D6DF
#D2D5DF
#D3D4DE
#D5D3DE
#D6D2DE
#CFDBDC
#D1DADC
#D3D8DB
#D4D7DB
#D6D5DB
#D8D4DA
#DAD2DA
#CFDED9
#D1DCD9
#D3DAD8
#D6D8D8
#D8D6D8
#DAD4D7
#DDD2D7
#CFE1D6
#D2DFD6
#D5DCD5
#D8DAD5
#DBD7D4
#DDD5D4
#E1D2D3
#CFE5D2
#D3E2D2
#D6DFD1
#DADCD1
#DDD9D0
#E1D6D0
#E5D2CF
Colorpallet from #CFD2E5 to #D2CFE5 and to #D2E5CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E4
#CFD3E4
#CFD3E3
#CFD4E2
#CFD4E2
#CFD5E1
#D0D1E5
#D0D2E4
#D0D3E3
#D0D4E2
#D0D5E1
#D0D7DF
#D0D8DE
#D0D1E5
#D0D3E3
#D0D4E1
#D0D6E0
#D0D7DE
#D0D9DC
#D0DBDA
#D1D0E5
#D1D2E3
#D1D4E1
#D1D7DE
#D1D9DC
#D1DBDA
#D1DED7
#D1D0E5
#D1D3E2
#D1D5DF
#D1D8DC
#D1DBD9
#D1DED7
#D1E1D3
#D2CFE5
#D2D3E1
#D2D6DE
#D2DADA
#D2DDD7
#D2E1D3
#D2E5CF
Colorpallet from #CFD2E5 to #D2CFE5 and to #E5CFD2
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#D0D2E5
#D0D2E4
#D1D2E4
#D2D2E3
#D2D2E3
#D3D2E2
#D0D1E5
#D1D1E4
#D2D1E3
#D3D1E2
#D4D1E1
#D5D1E0
#D6D1DF
#D0D1E5
#D2D1E4
#D3D1E2
#D5D1E1
#D6D1DF
#D8D1DE
#DAD1DC
#D1D0E5
#D3D0E3
#D5D0E1
#D7D0DF
#D9D0DD
#DBD0DB
#DDD0D9
#D1D0E5
#D4D0E3
#D6D0E0
#D9D0DE
#DBD0DB
#DED0D9
#E1D0D6
#D2CFE5
#D5CFE2
#D8CFDF
#DBCFDC
#DECFD9
#E1CFD6
#E5CFD2
Colorpallet from #CFD2E5 to #D2CFE5 and to #E5D2CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#D0D2E4
#D0D2E4
#D1D2E3
#D2D2E2
#D2D2E2
#D3D2E1
#D0D1E5
#D1D1E4
#D2D1E3
#D3D1E2
#D4D2E1
#D5D2DF
#D6D2DE
#D0D1E5
#D2D1E3
#D3D1E1
#D5D1E0
#D6D2DE
#D8D2DC
#DAD2DA
#D1D0E5
#D3D0E3
#D5D1E1
#D7D1DE
#D9D1DC
#DBD2DA
#DDD2D7
#D1D0E5
#D4D0E2
#D6D1DF
#D9D1DC
#DBD1D9
#DED2D7
#E1D2D3
#D2CFE5
#D5CFE1
#D8D0DE
#DBD0DA
#DED1D7
#E1D1D3
#E5D2CF
Colorpallet from #CFD2E5 to #D2E5CF and to #E5CFD2
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E1
#D0D5E1
#D0D4E1
#D1D4E1
#D2D3E2
#D2D3E2
#D3D2E2
#D0D8DE
#D1D7DE
#D2D6DE
#D3D5DE
#D4D4DF
#D5D2DF
#D6D1DF
#D0DBDA
#D2D9DA
#D3D8DB
#D5D6DB
#D6D5DB
#D8D3DC
#DAD1DC
#D1DED7
#D3DCD7
#D5DAD8
#D7D7D8
#D9D5D8
#DBD3D9
#DDD0D9
#D1E1D3
#D4DED3
#D6DCD4
#D9D9D4
#DBD6D5
#DED3D5
#E1D0D6
#D2E5CF
#D5E1CF
#D8DED0
#DBDAD0
#DED7D1
#E1D3D1
#E5CFD2
Colorpallet from #CFD2E5 to #D2E5CF and to #E5D2CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD5E1
#D0D5E1
#D0D4E1
#D1D4E1
#D2D3E1
#D2D3E1
#D3D2E1
#D0D8DE
#D1D7DE
#D2D6DE
#D3D5DE
#D4D4DE
#D5D3DE
#D6D2DE
#D0DBDA
#D2DADA
#D3D8DA
#D5D7DA
#D6D5DA
#D8D4DA
#DAD2DA
#D1DED7
#D3DCD7
#D5DAD7
#D7D8D7
#D9D6D7
#DBD4D7
#DDD2D7
#D1E1D3
#D4DFD3
#D6DCD3
#D9DAD3
#DBD7D3
#DED5D3
#E1D2D3
#D2E5CF
#D5E2CF
#D8DFCF
#DBDCCF
#DED9CF
#E1D6CF
#E5D2CF
Colorpallet from #CFD2E5 to #E5CFD2 and to #E5D2CF
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#CFD2E5
#D3D2E2
#D3D2E2
#D3D2E2
#D3D2E2
#D3D2E1
#D3D2E1
#D3D2E1
#D6D1DF
#D6D1DF
#D6D1DF
#D6D1DF
#D6D2DE
#D6D2DE
#D6D2DE
#DAD1DC
#DAD1DC
#DAD1DB
#DAD1DB
#DAD2DB
#DAD2DA
#DAD2DA
#DDD0D9
#DDD0D9
#DDD1D8
#DDD1D8
#DDD1D8
#DDD2D7
#DDD2D7
#E1D0D6
#E1D0D6
#E1D1D5
#E1D1D5
#E1D1D4
#E1D2D4
#E1D2D3
#E5CFD2
#E5CFD2
#E5D0D1
#E5D0D1
#E5D1D0
#E5D1D0
#E5D2CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts