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 #CDE4F1 to #CDF1E4 and to #E4CDF1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE6EF
#CEE5EF
#CEE4F0
#CFE3F0
#D0E2F0
#D0E1F1
#D1E0F1
#CDE8ED
#CEE6EE
#CFE4EE
#D0E3EF
#D1E1F0
#D3DFF0
#D4DDF1
#CDEAEB
#CFE7EC
#D1E5ED
#D2E2EE
#D4DFEF
#D6DCF0
#D8D9F1
#CDECE9
#CFE8EA
#D2E5EC
#D4E1ED
#D7DDEE
#D9DAEF
#DCD5F1
#CDEEE7
#D0EAE9
#D3E5EA
#D6E1EC
#D9DCED
#DBD8EF
#DFD2F1
#CDF1E4
#D1EBE6
#D4E5E8
#D8E0EA
#DCDAEC
#DFD4EE
#E4CDF1
Colorpallet from #CDE4F1 to #CDF1E4 and to #E4F1CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE6EF
#CEE6EE
#CEE6EE
#CFE6ED
#D0E6EC
#D0E6EC
#D1E6EB
#CDE8ED
#CEE8EC
#CFE8EA
#D0E8E9
#D1E8E8
#D3E8E7
#D4E8E5
#CDEAEB
#CFEAE9
#D1EAE7
#D2EAE6
#D4EAE4
#D6EAE2
#D8EAE0
#CDECE9
#CFECE7
#D2ECE4
#D4ECE2
#D7ECDF
#D9ECDD
#DCECDA
#CDEEE7
#D0EEE4
#D3EEE1
#D6EEDE
#D9EEDB
#DBEED8
#DFEED4
#CDF1E4
#D1F1E0
#D4F1DD
#D8F1D9
#DCF1D5
#DFF1D2
#E4F1CD
Colorpallet from #CDE4F1 to #CDF1E4 and to #F1CDE4
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE6EF
#CEE5EF
#CFE4EF
#D0E3EF
#D1E2EF
#D2E1EF
#D3E0EF
#CDE8ED
#CFE6ED
#D1E4ED
#D3E3ED
#D5E1ED
#D7DFED
#D9DDED
#CDEAEB
#D0E7EB
#D2E5EB
#D5E2EB
#D8DFEB
#DBDCEB
#DED9EB
#CDECE9
#D1E8E9
#D4E5E9
#D8E1E9
#DCDDE9
#DFDAE9
#E4D5E9
#CDEEE7
#D2EAE7
#D6E5E7
#DBE1E7
#E0DCE7
#E4D8E7
#EAD2E7
#CDF1E4
#D3EBE4
#D9E5E4
#DEE0E4
#E4DAE4
#EAD4E4
#F1CDE4
Colorpallet from #CDE4F1 to #CDF1E4 and to #F1E4CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE6EF
#CEE6EE
#CFE5EE
#D0E5ED
#D1E5EC
#D2E4EC
#D3E4EB
#CDE8ED
#CFE7EC
#D1E7EA
#D3E6E9
#D5E5E8
#D7E5E7
#D9E4E5
#CDEAEB
#D0E9E9
#D2E8E7
#D5E7E6
#D8E6E4
#DBE5E2
#DEE4E0
#CDECE9
#D1EBE7
#D4E9E4
#D8E8E2
#DCE7DF
#DFE6DD
#E4E4DA
#CDEEE7
#D2ECE4
#D6EBE1
#DBE9DE
#E0E8DB
#E4E6D8
#EAE4D4
#CDF1E4
#D3EFE0
#D9EDDD
#DEEBD9
#E4E9D5
#EAE7D2
#F1E4CD
Colorpallet from #CDE4F1 to #E4CDF1 and to #E4F1CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D1E0F1
#D1E1F0
#D1E2EF
#D1E3EE
#D1E4ED
#D1E5EC
#D1E6EB
#D4DDF1
#D4DFEF
#D4E1ED
#D4E2EB
#D4E4E9
#D4E6E7
#D4E8E5
#D8D9F1
#D8DCEE
#D8DEEC
#D8E1E9
#D8E4E6
#D8E7E3
#D8EAE0
#DCD5F1
#DCD9ED
#DCDCEA
#DCE0E6
#DCE4E2
#DCE7DF
#DCECDA
#DFD2F1
#DFD6EC
#DFDBE8
#DFDFE3
#DFE4DE
#DFE8DA
#DFEED4
#E4CDF1
#E4D3EB
#E4D9E5
#E4DEE0
#E4E4DA
#E4EAD4
#E4F1CD
Colorpallet from #CDE4F1 to #E4CDF1 and to #F1CDE4
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D1E0F1
#D1E0F1
#D2E0F0
#D2E0F0
#D2E0F0
#D3E0EF
#D3E0EF
#D4DDF1
#D5DDF0
#D6DDF0
#D6DDEF
#D7DDEE
#D8DDEE
#D9DDED
#D8D9F1
#D9D9F0
#DAD9EF
#DBD9EE
#DCD9ED
#DDD9EC
#DED9EB
#DCD5F1
#DDD5F0
#DFD5EE
#E0D5ED
#E1D5EC
#E2D5EB
#E4D5E9
#DFD2F1
#E1D2EF
#E3D2EE
#E4D2EC
#E6D2EB
#E8D2E9
#EAD2E7
#E4CDF1
#E6CDEF
#E8CDED
#EACDEB
#ECCDE9
#EECDE7
#F1CDE4
Colorpallet from #CDE4F1 to #E4CDF1 and to #F1E4CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D1E0F1
#D1E1F0
#D2E1EF
#D2E2EE
#D2E3ED
#D3E3EC
#D3E4EB
#D4DDF1
#D5DEEF
#D6DFED
#D6E0EB
#D7E1E9
#D8E3E7
#D9E4E5
#D8D9F1
#D9DBEE
#DADDEC
#DBDEE9
#DCE0E6
#DDE2E3
#DEE4E0
#DCD5F1
#DDD7ED
#DFDAEA
#E0DCE6
#E1DFE2
#E2E1DF
#E4E4DA
#DFD2F1
#E1D5EC
#E3D8E8
#E4DBE3
#E6DEDE
#E8E0DA
#EAE4D4
#E4CDF1
#E6D1EB
#E8D4E5
#EAD8E0
#ECDCDA
#EEDFD4
#F1E4CD
Colorpallet from #CDE4F1 to #E4F1CD and to #F1CDE4
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D1E6EB
#D1E5EC
#D2E4EC
#D2E3ED
#D2E2EE
#D3E1EE
#D3E0EF
#D4E8E5
#D5E6E6
#D6E4E8
#D6E3E9
#D7E1EA
#D8DFEB
#D9DDED
#D8EAE0
#D9E7E2
#DAE5E4
#DBE2E5
#DCDFE7
#DDDCE9
#DED9EB
#DCECDA
#DDE8DC
#DFE5DF
#E0E1E1
#E1DDE4
#E2DAE6
#E4D5E9
#DFEED4
#E1EAD7
#E3E5DA
#E4E1DD
#E6DCE0
#E8D8E3
#EAD2E7
#E4F1CD
#E6EBD1
#E8E5D4
#EAE0D8
#ECDADC
#EED4DF
#F1CDE4
Colorpallet from #CDE4F1 to #E4F1CD and to #F1E4CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D1E6EB
#D1E6EB
#D2E5EB
#D2E5EB
#D2E5EB
#D3E4EB
#D3E4EB
#D4E8E5
#D5E7E5
#D6E7E5
#D6E6E5
#D7E5E5
#D8E5E5
#D9E4E5
#D8EAE0
#D9E9E0
#DAE8E0
#DBE7E0
#DCE6E0
#DDE5E0
#DEE4E0
#DCECDA
#DDEBDA
#DFE9DA
#E0E8DA
#E1E7DA
#E2E6DA
#E4E4DA
#DFEED4
#E1ECD4
#E3EBD4
#E4E9D4
#E6E8D4
#E8E6D4
#EAE4D4
#E4F1CD
#E6EFCD
#E8EDCD
#EAEBCD
#ECE9CD
#EEE7CD
#F1E4CD
Colorpallet from #CDE4F1 to #F1CDE4 and to #F1E4CD
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#CDE4F1
#D3E0EF
#D3E1EE
#D3E1EE
#D3E2ED
#D3E3EC
#D3E3EC
#D3E4EB
#D9DDED
#D9DEEC
#D9DFEA
#D9E0E9
#D9E1E8
#D9E3E7
#D9E4E5
#DED9EB
#DEDBE9
#DEDDE7
#DEDEE6
#DEE0E4
#DEE2E2
#DEE4E0
#E4D5E9
#E4D7E7
#E4DAE4
#E4DCE2
#E4DFDF
#E4E1DD
#E4E4DA
#EAD2E7
#EAD5E4
#EAD8E1
#EADBDE
#EADEDB
#EAE0D8
#EAE4D4
#F1CDE4
#F1D1E0
#F1D4DD
#F1D8D9
#F1DCD5
#F1DFD2
#F1E4CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts