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 #C8C0F0 to #C8F0C0 and to #C0C8F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C8E8
#C8C7E9
#C8C6EB
#C8C5EC
#C7C4ED
#C7C2EE
#C7C1F0
#C8CFE1
#C8CDE3
#C7CBE6
#C7C9E8
#C6C7EB
#C6C5ED
#C5C3F0
#C8D7D9
#C7D4DD
#C7D1E0
#C6CEE4
#C5CBE8
#C5C8EB
#C4C4F0
#C8DFD1
#C7DBD6
#C6D7DB
#C6D3E0
#C5CEE5
#C4CAEA
#C3C5F0
#C8E6CA
#C7E1D0
#C6DCD6
#C5D7DC
#C4D2E2
#C3CCE8
#C2C6F0
#C8F0C0
#C7EAC8
#C5E3CF
#C4DDD7
#C3D6DF
#C2D0E6
#C0C8F0
Colorpallet from #C8C0F0 to #C8F0C0 and to #C0F0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C8E8
#C8C8E8
#C8C8E9
#C8C8E9
#C7C8E9
#C7C8EA
#C7C8EA
#C8CFE1
#C8CFE1
#C7CFE2
#C7CFE2
#C6CFE2
#C6CFE3
#C5CFE3
#C8D7D9
#C7D7DA
#C7D7DA
#C6D7DB
#C5D7DC
#C5D7DC
#C4D7DD
#C8DFD1
#C7DFD2
#C6DFD3
#C6DFD3
#C5DFD4
#C4DFD5
#C3DFD6
#C8E6CA
#C7E6CB
#C6E6CC
#C5E6CD
#C4E6CE
#C3E6CF
#C2E6D0
#C8F0C0
#C7F0C1
#C5F0C3
#C4F0C4
#C3F0C5
#C2F0C6
#C0F0C8
Colorpallet from #C8C0F0 to #C8F0C0 and to #F0C8C0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C8E8
#C9C7E8
#CAC6E8
#CBC5E8
#CCC4E8
#CDC2E8
#CEC1E8
#C8CFE1
#CACDE1
#CCCBE1
#CEC9E1
#D0C7E1
#D2C5E1
#D5C3E1
#C8D7D9
#CBD4D9
#CED1D9
#D1CED9
#D4CBD9
#D7C8D9
#DBC4D9
#C8DFD1
#CCDBD1
#D0D7D1
#D4D3D1
#D9CED1
#DDCAD1
#E2C5D1
#C8E6CA
#CDE1CA
#D2DCCA
#D7D7CA
#DCD2CA
#E2CCCA
#E8C6CA
#C8F0C0
#CEEAC0
#D5E3C0
#DBDDC0
#E2D6C0
#E8D0C0
#F0C8C0
Colorpallet from #C8C0F0 to #C8F0C0 and to #F0C0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C8E8
#C9C7E8
#CAC5E9
#CBC4E9
#CCC3E9
#CDC2EA
#CEC0EA
#C8CFE1
#CACDE1
#CCCAE2
#CEC8E2
#D0C5E2
#D2C3E3
#D5C0E3
#C8D7D9
#CBD3DA
#CED0DA
#D1CCDB
#D4C8DC
#D7C5DC
#DBC0DD
#C8DFD1
#CCDAD2
#D0D5D3
#D4D0D3
#D9CBD4
#DDC6D5
#E2C0D6
#C8E6CA
#CDE0CB
#D2DACC
#D7D4CD
#DCCECE
#E2C8CF
#E8C0D0
#C8F0C0
#CEE8C1
#D5E1C3
#DBD9C4
#E2D1C5
#E8CAC6
#F0C0C8
Colorpallet from #C8C0F0 to #C0C8F0 and to #C0F0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C7C1F0
#C7C2EF
#C7C3EE
#C7C4ED
#C7C5EC
#C7C7EB
#C7C8EA
#C5C3F0
#C5C5EE
#C5C7EC
#C5C9EA
#C5CBE8
#C5CDE6
#C5CFE3
#C4C4F0
#C4C7ED
#C4CAEA
#C4CDE7
#C4D0E4
#C4D3E1
#C4D7DD
#C3C5F0
#C3C9EC
#C3CDE8
#C3D1E4
#C3D6DF
#C3DADB
#C3DFD6
#C2C6F0
#C2CBEB
#C2D0E6
#C2D5E1
#C2DADC
#C2E0D6
#C2E6D0
#C0C8F0
#C0CEEA
#C0D5E3
#C0DBDD
#C0E2D6
#C0E8D0
#C0F0C8
Colorpallet from #C8C0F0 to #C0C8F0 and to #F0C8C0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C7C1F0
#C8C1EF
#C9C1ED
#CAC1EC
#CBC1EB
#CDC1EA
#CEC1E8
#C5C3F0
#C8C3EE
#CAC3EB
#CDC3E9
#CFC3E6
#D2C3E4
#D5C3E1
#C4C4F0
#C8C4EC
#CBC4E9
#CFC4E5
#D3C4E1
#D6C4DE
#DBC4D9
#C3C5F0
#C8C5EB
#CDC5E6
#D2C5E1
#D7C5DC
#DCC5D7
#E2C5D1
#C2C6F0
#C8C6EA
#CEC6E4
#D4C6DE
#DAC6D8
#E0C6D2
#E8C6CA
#C0C8F0
#C8C8E8
#CFC8E1
#D7C8D9
#DFC8D1
#E6C8CA
#F0C8C0
Colorpallet from #C8C0F0 to #C0C8F0 and to #F0C0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C7C1F0
#C8C1EF
#C9C1EE
#CAC1ED
#CBC0EC
#CDC0EB
#CEC0EA
#C5C3F0
#C8C3EE
#CAC2EC
#CDC2EA
#CFC1E8
#D2C1E6
#D5C0E3
#C4C4F0
#C8C3ED
#CBC3EA
#CFC2E7
#D3C1E4
#D6C1E1
#DBC0DD
#C3C5F0
#C8C4EC
#CDC3E8
#D2C3E4
#D7C2DF
#DCC1DB
#E2C0D6
#C2C6F0
#C8C5EB
#CEC4E6
#D4C3E1
#DAC2DC
#E0C1D6
#E8C0D0
#C0C8F0
#C8C7EA
#CFC5E3
#D7C4DD
#DFC3D6
#E6C2D0
#F0C0C8
Colorpallet from #C8C0F0 to #C0F0C8 and to #F0C8C0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C7C8EA
#C8C7EA
#C9C6E9
#CAC5E9
#CBC4E9
#CDC2E8
#CEC1E8
#C5CFE3
#C8CDE3
#CACBE2
#CDC9E2
#CFC7E2
#D2C5E1
#D5C3E1
#C4D7DD
#C8D4DC
#CBD1DC
#CFCEDB
#D3CBDA
#D6C8DA
#DBC4D9
#C3DFD6
#C8DBD5
#CDD7D4
#D2D3D4
#D7CED3
#DCCAD2
#E2C5D1
#C2E6D0
#C8E1CF
#CEDCCE
#D4D7CD
#DAD2CC
#E0CCCB
#E8C6CA
#C0F0C8
#C8EAC7
#CFE3C5
#D7DDC4
#DFD6C3
#E6D0C2
#F0C8C0
Colorpallet from #C8C0F0 to #C0F0C8 and to #F0C0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C7C8EA
#C8C7EA
#C9C5EA
#CAC4EA
#CBC3EA
#CDC2EA
#CEC0EA
#C5CFE3
#C8CDE3
#CACAE3
#CDC8E3
#CFC5E3
#D2C3E3
#D5C0E3
#C4D7DD
#C8D3DD
#CBD0DD
#CFCCDD
#D3C8DD
#D6C5DD
#DBC0DD
#C3DFD6
#C8DAD6
#CDD5D6
#D2D0D6
#D7CBD6
#DCC6D6
#E2C0D6
#C2E6D0
#C8E0D0
#CEDAD0
#D4D4D0
#DACED0
#E0C8D0
#E8C0D0
#C0F0C8
#C8E8C8
#CFE1C8
#D7D9C8
#DFD1C8
#E6CAC8
#F0C0C8
Colorpallet from #C8C0F0 to #F0C8C0 and to #F0C0C8
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#C8C0F0
#CEC1E8
#CEC1E8
#CEC1E9
#CEC1E9
#CEC0E9
#CEC0EA
#CEC0EA
#D5C3E1
#D5C3E1
#D5C2E2
#D5C2E2
#D5C1E2
#D5C1E3
#D5C0E3
#DBC4D9
#DBC3DA
#DBC3DA
#DBC2DB
#DBC1DC
#DBC1DC
#DBC0DD
#E2C5D1
#E2C4D2
#E2C3D3
#E2C3D3
#E2C2D4
#E2C1D5
#E2C0D6
#E8C6CA
#E8C5CB
#E8C4CC
#E8C3CD
#E8C2CE
#E8C1CF
#E8C0D0
#F0C8C0
#F0C7C1
#F0C5C3
#F0C4C4
#F0C3C5
#F0C2C6
#F0C0C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts