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 #D1DAEC to #D1ECDA and to #DAD1EC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DDE9
#D1DCE9
#D1DCEA
#D1DBEA
#D2DAEB
#D2DAEB
#D2D9EC
#D1E0E6
#D1DFE7
#D2DDE8
#D2DCE9
#D3DAEA
#D3D9EB
#D4D7EC
#D1E3E3
#D2E1E4
#D2DFE6
#D3DDE7
#D4DBE9
#D4D9EA
#D5D6EC
#D1E6E0
#D2E3E2
#D3E0E4
#D4DDE6
#D5DAE8
#D6D8EA
#D7D4EC
#D1E8DE
#D2E5E0
#D3E1E2
#D4DEE5
#D5DBE7
#D7D7E9
#D8D3EC
#D1ECDA
#D2E8DD
#D4E3E0
#D5DFE3
#D7DBE6
#D8D6E8
#DAD1EC
Colorpallet from #D1DAEC to #D1ECDA and to #DAECD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DDE9
#D1DDE9
#D1DDE9
#D1DDE9
#D2DDE8
#D2DDE8
#D2DDE8
#D1E0E6
#D1E0E6
#D2E0E5
#D2E0E5
#D3E0E4
#D3E0E4
#D4E0E3
#D1E3E3
#D2E3E2
#D2E3E2
#D3E3E1
#D4E3E0
#D4E3E0
#D5E3DF
#D1E6E0
#D2E6DF
#D3E6DE
#D4E6DE
#D5E6DD
#D6E6DC
#D7E6DB
#D1E8DE
#D2E8DD
#D3E8DB
#D4E8DA
#D5E8D9
#D7E8D8
#D8E8D6
#D1ECDA
#D2ECD9
#D4ECD7
#D5ECD6
#D7ECD4
#D8ECD3
#DAECD1
Colorpallet from #D1DAEC to #D1ECDA and to #ECD1DA
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DDE9
#D2DCE9
#D2DCE9
#D3DBE9
#D4DAE9
#D4DAE9
#D5D9E9
#D1E0E6
#D2DFE6
#D4DDE6
#D5DCE6
#D7DAE6
#D8D9E6
#DAD7E6
#D1E3E3
#D3E1E3
#D5DFE3
#D7DDE3
#D9DBE3
#DBD9E3
#DED6E3
#D1E6E0
#D4E3E0
#D6E0E0
#D9DDE0
#DCDAE0
#DFD8E0
#E2D4E0
#D1E8DE
#D5E5DE
#D8E1DE
#DCDEDE
#DFDBDE
#E3D7DE
#E7D3DE
#D1ECDA
#D5E8DA
#DAE3DA
#DEDFDA
#E2DBDA
#E7D6DA
#ECD1DA
Colorpallet from #D1DAEC to #D1ECDA and to #ECDAD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DDE9
#D2DDE9
#D2DCE9
#D3DCE9
#D4DBE8
#D4DBE8
#D5DAE8
#D1E0E6
#D2DFE6
#D4DEE5
#D5DDE5
#D7DCE4
#D8DBE4
#DADAE3
#D1E3E3
#D3E2E2
#D5E0E2
#D7DFE1
#D9DDE0
#DBDCE0
#DEDADF
#D1E6E0
#D4E4DF
#D6E2DE
#D9E0DE
#DCDEDD
#DFDCDC
#E2DADB
#D1E8DE
#D5E6DD
#D8E4DB
#DCE1DA
#DFDFD9
#E3DDD8
#E7DAD6
#D1ECDA
#D5E9D9
#DAE6D7
#DEE3D6
#E2E0D4
#E7DED3
#ECDAD1
Colorpallet from #D1DAEC to #DAD1EC and to #DAECD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D2D9EC
#D2DAEB
#D2DAEB
#D2DBEA
#D2DCE9
#D2DCE9
#D2DDE8
#D4D7EC
#D4D8EB
#D4DAE9
#D4DBE8
#D4DDE6
#D4DEE5
#D4E0E3
#D5D6EC
#D5D8EA
#D5DAE8
#D5DCE6
#D5DEE4
#D5E0E2
#D5E3DF
#D7D4EC
#D7D7E9
#D7DAE7
#D7DDE4
#D7E0E1
#D7E2DE
#D7E6DB
#D8D3EC
#D8D6E8
#D8DAE5
#D8DDE1
#D8E0DE
#D8E4DA
#D8E8D6
#DAD1EC
#DAD5E8
#DADAE3
#DADEDF
#DAE2DB
#DAE7D6
#DAECD1
Colorpallet from #D1DAEC to #DAD1EC and to #ECD1DA
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D2D9EC
#D2D9EC
#D3D9EB
#D3D9EB
#D4D9EA
#D4D9EA
#D5D9E9
#D4D7EC
#D5D7EB
#D6D7EA
#D7D7E9
#D8D7E8
#D9D7E7
#DAD7E6
#D5D6EC
#D6D6EB
#D8D6E9
#D9D6E8
#DBD6E6
#DCD6E5
#DED6E3
#D7D4EC
#D9D4EA
#DBD4E8
#DCD4E6
#DED4E4
#E0D4E2
#E2D4E0
#D8D3EC
#DAD3EA
#DDD3E8
#DFD3E5
#E2D3E3
#E4D3E1
#E7D3DE
#DAD1EC
#DDD1E9
#E0D1E6
#E3D1E3
#E6D1E0
#E8D1DE
#ECD1DA
Colorpallet from #D1DAEC to #DAD1EC and to #ECDAD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D2D9EC
#D2D9EB
#D3D9EB
#D3D9EA
#D4DAE9
#D4DAE9
#D5DAE8
#D4D7EC
#D5D7EB
#D6D8E9
#D7D8E8
#D8D9E6
#D9D9E5
#DADAE3
#D5D6EC
#D6D7EA
#D8D7E8
#D9D8E6
#DBD9E4
#DCD9E2
#DEDADF
#D7D4EC
#D9D5E9
#DBD6E7
#DCD7E4
#DED8E1
#E0D9DE
#E2DADB
#D8D3EC
#DAD4E8
#DDD5E5
#DFD6E1
#E2D7DE
#E4D9DA
#E7DAD6
#DAD1EC
#DDD2E8
#E0D4E3
#E3D5DF
#E6D7DB
#E8D8D6
#ECDAD1
Colorpallet from #D1DAEC to #DAECD1 and to #ECD1DA
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D2DDE8
#D2DCE8
#D3DCE8
#D3DBE8
#D4DAE9
#D4DAE9
#D5D9E9
#D4E0E3
#D5DFE3
#D6DDE4
#D7DCE4
#D8DAE5
#D9D9E5
#DAD7E6
#D5E3DF
#D6E1E0
#D8DFE0
#D9DDE1
#DBDBE2
#DCD9E2
#DED6E3
#D7E6DB
#D9E3DC
#DBE0DD
#DCDDDD
#DEDADE
#E0D8DF
#E2D4E0
#D8E8D6
#DAE5D7
#DDE1D9
#DFDEDA
#E2DBDB
#E4D7DC
#E7D3DE
#DAECD1
#DDE8D2
#E0E3D4
#E3DFD5
#E6DBD7
#E8D6D8
#ECD1DA
Colorpallet from #D1DAEC to #DAECD1 and to #ECDAD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D2DDE8
#D2DDE8
#D3DCE8
#D3DCE8
#D4DBE8
#D4DBE8
#D5DAE8
#D4E0E3
#D5DFE3
#D6DEE3
#D7DDE3
#D8DCE3
#D9DBE3
#DADAE3
#D5E3DF
#D6E2DF
#D8E0DF
#D9DFDF
#DBDDDF
#DCDCDF
#DEDADF
#D7E6DB
#D9E4DB
#DBE2DB
#DCE0DB
#DEDEDB
#E0DCDB
#E2DADB
#D8E8D6
#DAE6D6
#DDE4D6
#DFE1D6
#E2DFD6
#E4DDD6
#E7DAD6
#DAECD1
#DDE9D1
#E0E6D1
#E3E3D1
#E6E0D1
#E8DED1
#ECDAD1
Colorpallet from #D1DAEC to #ECD1DA and to #ECDAD1
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D1DAEC
#D5D9E9
#D5D9E9
#D5D9E9
#D5D9E9
#D5DAE8
#D5DAE8
#D5DAE8
#DAD7E6
#DAD7E6
#DAD8E5
#DAD8E5
#DAD9E4
#DAD9E4
#DADAE3
#DED6E3
#DED7E2
#DED7E2
#DED8E1
#DED9E0
#DED9E0
#DEDADF
#E2D4E0
#E2D5DF
#E2D6DE
#E2D7DE
#E2D8DD
#E2D9DC
#E2DADB
#E7D3DE
#E7D4DD
#E7D5DB
#E7D6DA
#E7D7D9
#E7D9D8
#E7DAD6
#ECD1DA
#ECD2D9
#ECD4D7
#ECD5D6
#ECD7D4
#ECD8D3
#ECDAD1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts