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 #CCE2F2 to #CCF2E2 and to #E2CCF2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE5EF
#CDE4EF
#CDE3F0
#CEE2F0
#CFE1F1
#CFDFF1
#D0DEF2
#CCE7ED
#CDE5EE
#CEE3EF
#CFE1EF
#D0DFF0
#D2DDF1
#D3DBF2
#CCEAEA
#CEE7EB
#D0E4ED
#D1E1EE
#D3DEEF
#D5DBF0
#D7D7F2
#CCECE8
#CEE8EA
#D0E4EB
#D3E0ED
#D5DDEE
#D7D9F0
#DAD4F2
#CCEFE5
#CFEAE7
#D2E5E9
#D5E0EB
#D8DBED
#DAD6EF
#DED0F2
#CCF2E2
#D0ECE5
#D3E6E7
#D7E0EA
#DADAEC
#DED4EF
#E2CCF2
Colorpallet from #CCE2F2 to #CCF2E2 and to #E2F2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE5EF
#CDE5EF
#CDE5EE
#CEE5EE
#CFE5ED
#CFE5ED
#D0E5EC
#CCE7ED
#CDE7EC
#CEE7EB
#CFE7EA
#D0E7E9
#D2E7E7
#D3E7E6
#CCEAEA
#CEEAE8
#D0EAE7
#D1EAE5
#D3EAE4
#D5EAE2
#D7EAE0
#CCECE8
#CEECE6
#D0ECE4
#D3ECE1
#D5ECDF
#D7ECDD
#DAECDA
#CCEFE5
#CFEFE2
#D2EFE0
#D5EFDD
#D8EFDA
#DAEFD7
#DEEFD4
#CCF2E2
#D0F2DE
#D3F2DB
#D7F2D7
#DAF2D4
#DEF2D0
#E2F2CC
Colorpallet from #CCE2F2 to #CCF2E2 and to #F2CCE2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE5EF
#CDE4EF
#CEE3EF
#CFE2EF
#D0E1EF
#D1DFEF
#D2DEEF
#CCE7ED
#CEE5ED
#D0E3ED
#D2E1ED
#D4DFED
#D6DDED
#D8DBED
#CCEAEA
#CFE7EA
#D2E4EA
#D5E1EA
#D8DEEA
#DADBEA
#DED7EA
#CCECE8
#D0E8E8
#D4E4E8
#D8E0E8
#DBDDE8
#DFD9E8
#E4D4E8
#CCEFE5
#D1EAE5
#D6E5E5
#DAE0E5
#DFDBE5
#E4D6E5
#EAD0E5
#CCF2E2
#D2ECE2
#D8E6E2
#DEE0E2
#E4DAE2
#EAD4E2
#F2CCE2
Colorpallet from #CCE2F2 to #CCF2E2 and to #F2E2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE5EF
#CDE5EF
#CEE4EE
#CFE4EE
#D0E3ED
#D1E3ED
#D2E2EC
#CCE7ED
#CEE6EC
#D0E5EB
#D2E5EA
#D4E4E9
#D6E3E7
#D8E2E6
#CCEAEA
#CFE9E8
#D2E7E7
#D5E6E5
#D8E5E4
#DAE4E2
#DEE2E0
#CCECE8
#D0EAE6
#D4E9E4
#D8E7E1
#DBE6DF
#DFE4DD
#E4E2DA
#CCEFE5
#D1EDE2
#D6EBE0
#DAE9DD
#DFE7DA
#E4E5D7
#EAE2D4
#CCF2E2
#D2EFDE
#D8EDDB
#DEEAD7
#E4E8D4
#EAE5D0
#F2E2CC
Colorpallet from #CCE2F2 to #E2CCF2 and to #E2F2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D0DEF2
#D0DFF1
#D0E0F0
#D0E1EF
#D0E2EE
#D0E4ED
#D0E5EC
#D3DBF2
#D3DDF0
#D3DFEE
#D3E1EC
#D3E3EA
#D3E5E8
#D3E7E6
#D7D7F2
#D7DAEF
#D7DDEC
#D7E0E9
#D7E3E6
#D7E6E4
#D7EAE0
#DAD4F2
#DAD8EE
#DADCEA
#DAE0E6
#DAE3E3
#DAE7DF
#DAECDA
#DED0F2
#DED5ED
#DEDAE8
#DEDFE4
#DEE4DF
#DEE9DA
#DEEFD4
#E2CCF2
#E2D2EC
#E2D8E6
#E2DEE0
#E2E4DA
#E2EAD4
#E2F2CC
Colorpallet from #CCE2F2 to #E2CCF2 and to #F2CCE2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D0DEF2
#D0DEF2
#D1DEF1
#D1DEF1
#D1DEF0
#D2DEF0
#D2DEEF
#D3DBF2
#D4DBF1
#D5DBF0
#D5DBF0
#D6DBEF
#D7DBEE
#D8DBED
#D7D7F2
#D8D7F1
#D9D7EF
#DAD7EE
#DBD7ED
#DDD7EC
#DED7EA
#DAD4F2
#DCD4F0
#DDD4EF
#DFD4ED
#E0D4EC
#E2D4EA
#E4D4E8
#DED0F2
#E0D0F0
#E2D0EE
#E4D0EC
#E6D0EA
#E8D0E8
#EAD0E5
#E2CCF2
#E5CCEF
#E7CCED
#EACCEA
#ECCCE8
#EFCCE5
#F2CCE2
Colorpallet from #CCE2F2 to #E2CCF2 and to #F2E2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D0DEF2
#D0DFF1
#D1DFF0
#D1E0EF
#D1E1EE
#D2E1ED
#D2E2EC
#D3DBF2
#D4DCF0
#D5DDEE
#D5DEEC
#D6DFEA
#D7E1E8
#D8E2E6
#D7D7F2
#D8D9EF
#D9DBEC
#DADCE9
#DBDEE6
#DDE0E4
#DEE2E0
#DAD4F2
#DCD6EE
#DDD8EA
#DFDBE6
#E0DDE3
#E2DFDF
#E4E2DA
#DED0F2
#E0D3ED
#E2D6E8
#E4D9E4
#E6DCDF
#E8DEDA
#EAE2D4
#E2CCF2
#E5D0EC
#E7D3E6
#EAD7E0
#ECDADA
#EFDED4
#F2E2CC
Colorpallet from #CCE2F2 to #E2F2CC and to #F2CCE2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D0E5EC
#D0E4EC
#D1E3ED
#D1E2ED
#D1E1EE
#D2DFEE
#D2DEEF
#D3E7E6
#D4E5E7
#D5E3E8
#D5E1E9
#D6DFEA
#D7DDEC
#D8DBED
#D7EAE0
#D8E7E2
#D9E4E3
#DAE1E5
#DBDEE6
#DDDBE8
#DED7EA
#DAECDA
#DCE8DC
#DDE4DE
#DFE0E1
#E0DDE3
#E2D9E5
#E4D4E8
#DEEFD4
#E0EAD7
#E2E5D9
#E4E0DC
#E6DBDF
#E8D6E2
#EAD0E5
#E2F2CC
#E5ECD0
#E7E6D3
#EAE0D7
#ECDADA
#EFD4DE
#F2CCE2
Colorpallet from #CCE2F2 to #E2F2CC and to #F2E2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D0E5EC
#D0E5EC
#D1E4EC
#D1E4EC
#D1E3EC
#D2E3EC
#D2E2EC
#D3E7E6
#D4E6E6
#D5E5E6
#D5E5E6
#D6E4E6
#D7E3E6
#D8E2E6
#D7EAE0
#D8E9E0
#D9E7E0
#DAE6E0
#DBE5E0
#DDE4E0
#DEE2E0
#DAECDA
#DCEADA
#DDE9DA
#DFE7DA
#E0E6DA
#E2E4DA
#E4E2DA
#DEEFD4
#E0EDD4
#E2EBD4
#E4E9D4
#E6E7D4
#E8E5D4
#EAE2D4
#E2F2CC
#E5EFCC
#E7EDCC
#EAEACC
#ECE8CC
#EFE5CC
#F2E2CC
Colorpallet from #CCE2F2 to #F2CCE2 and to #F2E2CC
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#CCE2F2
#D2DEEF
#D2DFEF
#D2DFEE
#D2E0EE
#D2E1ED
#D2E1ED
#D2E2EC
#D8DBED
#D8DCEC
#D8DDEB
#D8DEEA
#D8DFE9
#D8E1E7
#D8E2E6
#DED7EA
#DED9E8
#DEDBE7
#DEDCE5
#DEDEE4
#DEE0E2
#DEE2E0
#E4D4E8
#E4D6E6
#E4D8E4
#E4DBE1
#E4DDDF
#E4DFDD
#E4E2DA
#EAD0E5
#EAD3E2
#EAD6E0
#EAD9DD
#EADCDA
#EADED7
#EAE2D4
#F2CCE2
#F2D0DE
#F2D3DB
#F2D7D7
#F2DAD4
#F2DED0
#F2E2CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
