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 #D2E2F8 to #D2F8E2 and to #E2D2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E6F4
#D2E5F5
#D3E4F5
#D3E3F6
#D4E2F7
#D4E0F7
#D5DFF8
#D2E9F1
#D3E7F2
#D4E5F3
#D4E3F4
#D5E1F5
#D6DFF7
#D7DDF8
#D2EDED
#D3EAEF
#D5E7F1
#D6E4F2
#D7E1F4
#D8DEF6
#DADAF8
#D2F0EA
#D4ECEC
#D5E8EE
#D7E4F1
#D8E1F3
#DADDF5
#DCD8F8
#D2F4E6
#D4EFE9
#D6EAEC
#D8E5EF
#DAE0F2
#DCDBF4
#DFD5F8
#D2F8E2
#D5F2E6
#D7ECE9
#DAE6ED
#DCE0F0
#DFDAF4
#E2D2F8
Colorpallet from #D2E2F8 to #D2F8E2 and to #E2F8D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E6F4
#D2E6F4
#D3E6F3
#D3E6F3
#D4E6F3
#D4E6F2
#D5E6F2
#D2E9F1
#D3E9F0
#D4E9EF
#D4E9EF
#D5E9EE
#D6E9ED
#D7E9EC
#D2EDED
#D3EDEC
#D5EDEB
#D6EDEA
#D7EDE9
#D8EDE7
#DAEDE6
#D2F0EA
#D4F0E8
#D5F0E7
#D7F0E5
#D8F0E4
#DAF0E2
#DCF0E0
#D2F4E6
#D4F4E4
#D6F4E2
#D8F4E0
#DAF4DE
#DCF4DC
#DFF4DA
#D2F8E2
#D5F8DF
#D7F8DD
#DAF8DA
#DCF8D8
#DFF8D5
#E2F8D2
Colorpallet from #D2E2F8 to #D2F8E2 and to #F8D2E2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E6F4
#D3E5F4
#D4E4F4
#D5E3F4
#D6E2F4
#D7E0F4
#D8DFF4
#D2E9F1
#D4E7F1
#D6E5F1
#D8E3F1
#DAE1F1
#DCDFF1
#DEDDF1
#D2EDED
#D5EAED
#D8E7ED
#DBE4ED
#DEE1ED
#E0DEED
#E4DAED
#D2F0EA
#D6ECEA
#DAE8EA
#DEE4EA
#E1E1EA
#E5DDEA
#EAD8EA
#D2F4E6
#D7EFE6
#DCEAE6
#E0E5E6
#E5E0E6
#EADBE6
#F0D5E6
#D2F8E2
#D8F2E2
#DEECE2
#E4E6E2
#EAE0E2
#F0DAE2
#F8D2E2
Colorpallet from #D2E2F8 to #D2F8E2 and to #F8E2D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E6F4
#D3E5F4
#D4E5F3
#D5E4F3
#D6E3F3
#D7E3F2
#D8E2F2
#D2E9F1
#D4E8F0
#D6E7EF
#D8E6EF
#DAE5EE
#DCE3ED
#DEE2EC
#D2EDED
#D5EBEC
#D8E9EB
#DBE8EA
#DEE6E9
#E0E4E7
#E4E2E6
#D2F0EA
#D6EEE8
#DAECE7
#DEE9E5
#E1E7E4
#E5E5E2
#EAE2E0
#D2F4E6
#D7F1E4
#DCEEE2
#E0EBE0
#E5E8DE
#EAE6DC
#F0E2DA
#D2F8E2
#D8F4DF
#DEF1DD
#E4EDDA
#EAEAD8
#F0E6D5
#F8E2D2
Colorpallet from #D2E2F8 to #E2D2F8 and to #E2F8D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D5DFF8
#D5E0F7
#D5E1F6
#D5E2F5
#D5E3F4
#D5E5F3
#D5E6F2
#D7DDF8
#D7DFF6
#D7E1F4
#D7E3F2
#D7E5F0
#D7E7EE
#D7E9EC
#DADAF8
#DADDF5
#DAE0F2
#DAE3EF
#DAE6EC
#DAE9EA
#DAEDE6
#DCD8F8
#DCDCF4
#DCE0F0
#DCE4EC
#DCE7E9
#DCEBE5
#DCF0E0
#DFD5F8
#DFDAF3
#DFDFEE
#DFE4EA
#DFE9E5
#DFEEE0
#DFF4DA
#E2D2F8
#E2D8F2
#E2DEEC
#E2E4E6
#E2EAE0
#E2F0DA
#E2F8D2
Colorpallet from #D2E2F8 to #E2D2F8 and to #F8D2E2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D5DFF8
#D5DFF7
#D6DFF7
#D6DFF6
#D7DFF5
#D7DFF5
#D8DFF4
#D7DDF8
#D8DDF7
#D9DDF6
#DADDF5
#DBDDF4
#DDDDF2
#DEDDF1
#DADAF8
#DCDAF6
#DDDAF4
#DFDAF3
#E0DAF1
#E2DAEF
#E4DAED
#DCD8F8
#DED8F6
#E0D8F4
#E3D8F1
#E5D8EF
#E7D8ED
#EAD8EA
#DFD5F8
#E2D5F5
#E4D5F2
#E7D5EF
#EAD5EC
#EDD5EA
#F0D5E6
#E2D2F8
#E6D2F4
#E9D2F1
#EDD2ED
#F0D2EA
#F4D2E6
#F8D2E2
Colorpallet from #D2E2F8 to #E2D2F8 and to #F8E2D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D5DFF8
#D5DFF7
#D6E0F6
#D6E0F5
#D7E1F4
#D7E1F3
#D8E2F2
#D7DDF8
#D8DEF6
#D9DFF4
#DADFF2
#DBE0F0
#DDE1EE
#DEE2EC
#DADAF8
#DCDBF5
#DDDDF2
#DFDEEF
#E0DFEC
#E2E0EA
#E4E2E6
#DCD8F8
#DEDAF4
#E0DBF0
#E3DDEC
#E5DEE9
#E7E0E5
#EAE2E0
#DFD5F8
#E2D7F3
#E4D9EE
#E7DBEA
#EADDE5
#EDDFE0
#F0E2DA
#E2D2F8
#E6D5F2
#E9D7EC
#EDDAE6
#F0DCE0
#F4DFDA
#F8E2D2
Colorpallet from #D2E2F8 to #E2F8D2 and to #F8D2E2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D5E6F2
#D5E5F2
#D6E4F3
#D6E3F3
#D7E2F3
#D7E0F4
#D8DFF4
#D7E9EC
#D8E7ED
#D9E5EE
#DAE3EE
#DBE1EF
#DDDFF0
#DEDDF1
#DAEDE6
#DCEAE7
#DDE7E8
#DFE4E9
#E0E1EA
#E2DEEC
#E4DAED
#DCF0E0
#DEECE2
#E0E8E3
#E3E4E5
#E5E1E6
#E7DDE8
#EAD8EA
#DFF4DA
#E2EFDC
#E4EADE
#E7E5E0
#EAE0E2
#EDDBE4
#F0D5E6
#E2F8D2
#E6F2D5
#E9ECD7
#EDE6DA
#F0E0DC
#F4DADF
#F8D2E2
Colorpallet from #D2E2F8 to #E2F8D2 and to #F8E2D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D5E6F2
#D5E5F2
#D6E5F2
#D6E4F2
#D7E3F2
#D7E3F2
#D8E2F2
#D7E9EC
#D8E8EC
#D9E7EC
#DAE6EC
#DBE5EC
#DDE3EC
#DEE2EC
#DAEDE6
#DCEBE6
#DDE9E6
#DFE8E6
#E0E6E6
#E2E4E6
#E4E2E6
#DCF0E0
#DEEEE0
#E0ECE0
#E3E9E0
#E5E7E0
#E7E5E0
#EAE2E0
#DFF4DA
#E2F1DA
#E4EEDA
#E7EBDA
#EAE8DA
#EDE6DA
#F0E2DA
#E2F8D2
#E6F4D2
#E9F1D2
#EDEDD2
#F0EAD2
#F4E6D2
#F8E2D2
Colorpallet from #D2E2F8 to #F8D2E2 and to #F8E2D2
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D2E2F8
#D8DFF4
#D8DFF4
#D8E0F3
#D8E0F3
#D8E1F3
#D8E1F2
#D8E2F2
#DEDDF1
#DEDEF0
#DEDFEF
#DEDFEF
#DEE0EE
#DEE1ED
#DEE2EC
#E4DAED
#E4DBEC
#E4DDEB
#E4DEEA
#E4DFE9
#E4E0E7
#E4E2E6
#EAD8EA
#EADAE8
#EADBE7
#EADDE5
#EADEE4
#EAE0E2
#EAE2E0
#F0D5E6
#F0D7E4
#F0D9E2
#F0DBE0
#F0DDDE
#F0DFDC
#F0E2DA
#F8D2E2
#F8D5DF
#F8D7DD
#F8DADA
#F8DCD8
#F8DFD5
#F8E2D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
