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 #CFDDF2 to #CFF2DD and to #DDCFF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFE0EF
#CFDFEF
#D0DEF0
#D0DEF0
#D0DDF1
#D1DCF1
#D1DBF2
#CFE4EB
#D0E2EC
#D0E0ED
#D1DFEE
#D2DDEF
#D2DBF1
#D3D9F2
#CFE7E8
#D0E4EA
#D1E2EB
#D2DFED
#D3DCEE
#D5D9F0
#D6D6F2
#CFEAE5
#D0E6E7
#D2E3E9
#D3DFEB
#D5DCED
#D6D8EF
#D8D4F2
#CFEEE1
#D1EAE4
#D3E5E6
#D4E1E9
#D6DCEC
#D8D8EF
#DAD2F2
#CFF2DD
#D1ECE0
#D3E7E4
#D6E1E7
#D8DCEA
#DAD6EE
#DDCFF2
Colorpallet from #CFDDF2 to #CFF2DD and to #DDF2CF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFE0EF
#CFE0EF
#D0E0EE
#D0E0EE
#D0E0ED
#D1E0ED
#D1E0EC
#CFE4EB
#D0E4EA
#D0E4EA
#D1E4E9
#D2E4E8
#D2E4E8
#D3E4E7
#CFE7E8
#D0E7E7
#D1E7E6
#D2E7E5
#D3E7E4
#D5E7E2
#D6E7E1
#CFEAE5
#D0EAE4
#D2EAE2
#D3EAE1
#D5EADF
#D6EADE
#D8EADC
#CFEEE1
#D1EEDF
#D3EEDD
#D4EEDC
#D6EEDA
#D8EED8
#DAEED6
#CFF2DD
#D1F2DB
#D3F2D9
#D6F2D6
#D8F2D4
#DAF2D2
#DDF2CF
Colorpallet from #CFDDF2 to #CFF2DD and to #F2CFDD
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFE0EF
#D0DFEF
#D1DEEF
#D2DEEF
#D3DDEF
#D4DCEF
#D5DBEF
#CFE4EB
#D1E2EB
#D3E0EB
#D4DFEB
#D6DDEB
#D8DBEB
#DAD9EB
#CFE7E8
#D2E4E8
#D4E2E8
#D7DFE8
#DADCE8
#DDD9E8
#E0D6E8
#CFEAE5
#D3E6E5
#D6E3E5
#DADFE5
#DDDCE5
#E1D8E5
#E5D4E5
#CFEEE1
#D3EAE1
#D8E5E1
#DCE1E1
#E1DCE1
#E5D8E1
#EBD2E1
#CFF2DD
#D5ECDD
#DAE7DD
#E0E1DD
#E5DCDD
#EBD6DD
#F2CFDD
Colorpallet from #CFDDF2 to #CFF2DD and to #F2DDCF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFE0EF
#D0E0EF
#D1DFEE
#D2DFEE
#D3DEED
#D4DEED
#D5DDEC
#CFE4EB
#D1E3EA
#D3E2EA
#D4E1E9
#D6E0E8
#D8DEE8
#DADDE7
#CFE7E8
#D2E5E7
#D4E4E6
#D7E2E5
#DAE1E4
#DDDFE2
#E0DDE1
#CFEAE5
#D3E8E4
#D6E6E2
#DAE4E1
#DDE2DF
#E1E0DE
#E5DDDC
#CFEEE1
#D3EBDF
#D8E9DD
#DCE6DC
#E1E3DA
#E5E0D8
#EBDDD6
#CFF2DD
#D5EFDB
#DAEBD9
#E0E8D6
#E5E5D4
#EBE1D2
#F2DDCF
Colorpallet from #CFDDF2 to #DDCFF2 and to #DDF2CF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D1DBF2
#D1DCF1
#D1DDF0
#D1DDEF
#D1DEEE
#D1DFED
#D1E0EC
#D3D9F2
#D3DBF0
#D3DDEE
#D3DEED
#D3E0EB
#D3E2E9
#D3E4E7
#D6D6F2
#D6D9EF
#D6DBED
#D6DEEA
#D6E1E7
#D6E4E4
#D6E7E1
#D8D4F2
#D8D8EE
#D8DBEB
#D8DFE7
#D8E2E4
#D8E6E0
#D8EADC
#DAD2F2
#DAD6EE
#DADBE9
#DADFE5
#DAE4E0
#DAE8DC
#DAEED6
#DDCFF2
#DDD5EC
#DDDAE7
#DDE0E1
#DDE5DC
#DDEBD6
#DDF2CF
Colorpallet from #CFDDF2 to #DDCFF2 and to #F2CFDD
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D1DBF2
#D2DBF2
#D2DBF1
#D3DBF1
#D4DBF0
#D4DBF0
#D5DBEF
#D3D9F2
#D4D9F1
#D5D9F0
#D6D9EF
#D7D9EE
#D9D9EC
#DAD9EB
#D6D6F2
#D8D6F0
#D9D6EF
#DBD6ED
#DCD6EC
#DED6EA
#E0D6E8
#D8D4F2
#DAD4F0
#DCD4EE
#DED4EC
#E0D4EA
#E2D4E8
#E5D4E5
#DAD2F2
#DDD2EF
#DFD2ED
#E2D2EA
#E5D2E7
#E8D2E4
#EBD2E1
#DDCFF2
#E0CFEF
#E4CFEB
#E7CFE8
#EACFE5
#EECFE1
#F2CFDD
Colorpallet from #CFDDF2 to #DDCFF2 and to #F2DDCF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D1DBF2
#D2DBF1
#D2DCF0
#D3DCEF
#D4DCEE
#D4DDED
#D5DDEC
#D3D9F2
#D4DAF0
#D5DAEE
#D6DBED
#D7DCEB
#D9DCE9
#DADDE7
#D6D6F2
#D8D7EF
#D9D8ED
#DBD9EA
#DCDAE7
#DEDCE4
#E0DDE1
#D8D4F2
#DAD5EE
#DCD7EB
#DED8E7
#E0DAE4
#E2DBE0
#E5DDDC
#DAD2F2
#DDD4EE
#DFD6E9
#E2D7E5
#E5D9E0
#E8DBDC
#EBDDD6
#DDCFF2
#E0D1EC
#E4D3E7
#E7D6E1
#EAD8DC
#EEDAD6
#F2DDCF
Colorpallet from #CFDDF2 to #DDF2CF and to #F2CFDD
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D1E0EC
#D2DFEC
#D2DEED
#D3DEED
#D4DDEE
#D4DCEE
#D5DBEF
#D3E4E7
#D4E2E8
#D5E0E8
#D6DFE9
#D7DDEA
#D9DBEA
#DAD9EB
#D6E7E1
#D8E4E2
#D9E2E3
#DBDFE4
#DCDCE5
#DED9E7
#E0D6E8
#D8EADC
#DAE6DD
#DCE3DF
#DEDFE0
#E0DCE2
#E2D8E3
#E5D4E5
#DAEED6
#DDEAD8
#DFE5DA
#E2E1DB
#E5DCDD
#E8D8DF
#EBD2E1
#DDF2CF
#E0ECD1
#E4E7D3
#E7E1D6
#EADCD8
#EED6DA
#F2CFDD
Colorpallet from #CFDDF2 to #DDF2CF and to #F2DDCF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D1E0EC
#D2E0EC
#D2DFEC
#D3DFEC
#D4DEEC
#D4DEEC
#D5DDEC
#D3E4E7
#D4E3E7
#D5E2E7
#D6E1E7
#D7E0E7
#D9DEE7
#DADDE7
#D6E7E1
#D8E5E1
#D9E4E1
#DBE2E1
#DCE1E1
#DEDFE1
#E0DDE1
#D8EADC
#DAE8DC
#DCE6DC
#DEE4DC
#E0E2DC
#E2E0DC
#E5DDDC
#DAEED6
#DDEBD6
#DFE9D6
#E2E6D6
#E5E3D6
#E8E0D6
#EBDDD6
#DDF2CF
#E0EFCF
#E4EBCF
#E7E8CF
#EAE5CF
#EEE1CF
#F2DDCF
Colorpallet from #CFDDF2 to #F2CFDD and to #F2DDCF
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#CFDDF2
#D5DBEF
#D5DBEF
#D5DCEE
#D5DCEE
#D5DCED
#D5DDED
#D5DDEC
#DAD9EB
#DADAEA
#DADAEA
#DADBE9
#DADCE8
#DADCE8
#DADDE7
#E0D6E8
#E0D7E7
#E0D8E6
#E0D9E5
#E0DAE4
#E0DCE2
#E0DDE1
#E5D4E5
#E5D5E4
#E5D7E2
#E5D8E1
#E5DADF
#E5DBDE
#E5DDDC
#EBD2E1
#EBD4DF
#EBD6DD
#EBD7DC
#EBD9DA
#EBDBD8
#EBDDD6
#F2CFDD
#F2D1DB
#F2D3D9
#F2D6D6
#F2D8D4
#F2DAD2
#F2DDCF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts