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 #C2C5F2 to #C2F2C5 and to #C5C2F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEB
#C2CBEC
#C2CAED
#C2C9EE
#C2C8EF
#C2C6F1
#C2C5F2
#C2D3E4
#C2D1E6
#C2CEE8
#C2CCEB
#C3C9ED
#C3C7EF
#C3C4F2
#C2DBDC
#C2D7E0
#C2D4E3
#C2D0E7
#C3CCEA
#C3C9EE
#C3C4F2
#C2E2D5
#C2DDDA
#C3D8DE
#C3D3E3
#C3CEE8
#C4C9EC
#C4C3F2
#C2E9CE
#C2E3D4
#C3DDDA
#C3D7DF
#C3D1E5
#C4CBEB
#C4C3F2
#C2F2C5
#C2EACC
#C3E3D3
#C3DBDB
#C4D3E2
#C4CCE9
#C5C2F2
Colorpallet from #C2C5F2 to #C2F2C5 and to #C5F2C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEB
#C2CCEB
#C2CCEB
#C2CCEB
#C2CCEA
#C2CCEA
#C2CCEA
#C2D3E4
#C2D3E4
#C2D3E4
#C2D3E4
#C3D3E3
#C3D3E3
#C3D3E3
#C2DBDC
#C2DBDC
#C2DBDC
#C2DBDC
#C3DBDB
#C3DBDB
#C3DBDB
#C2E2D5
#C2E2D5
#C3E2D4
#C3E2D4
#C3E2D4
#C4E2D3
#C4E2D3
#C2E9CE
#C2E9CE
#C3E9CD
#C3E9CD
#C3E9CD
#C4E9CC
#C4E9CC
#C2F2C5
#C2F2C5
#C3F2C4
#C3F2C4
#C4F2C3
#C4F2C3
#C5F2C2
Colorpallet from #C2C5F2 to #C2F2C5 and to #F2C2C5
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEB
#C3CBEB
#C5CAEB
#C6C9EB
#C7C8EB
#C8C6EB
#CAC5EB
#C2D3E4
#C4D1E4
#C7CEE4
#C9CCE4
#CCC9E4
#CEC7E4
#D1C4E4
#C2DBDC
#C6D7DC
#C9D4DC
#CDD0DC
#D1CCDC
#D4C9DC
#D9C4DC
#C2E2D5
#C7DDD5
#CCD8D5
#D1D3D5
#D6CED5
#DBC9D5
#E1C3D5
#C2E9CE
#C8E3CE
#CEDDCE
#D4D7CE
#DAD1CE
#E0CBCE
#E8C3CE
#C2F2C5
#CAEAC5
#D1E3C5
#D9DBC5
#E1D3C5
#E8CCC5
#F2C2C5
Colorpallet from #C2C5F2 to #C2F2C5 and to #F2C5C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEB
#C3CBEB
#C5CAEB
#C6C9EB
#C7C8EA
#C8C6EA
#CAC5EA
#C2D3E4
#C4D1E4
#C7CFE4
#C9CCE4
#CCCAE3
#CEC8E3
#D1C5E3
#C2DBDC
#C6D7DC
#C9D4DC
#CDD0DC
#D1CDDB
#D4C9DB
#D9C5DB
#C2E2D5
#C7DDD5
#CCD9D4
#D1D4D4
#D6CFD4
#DBCBD3
#E1C5D3
#C2E9CE
#C8E3CE
#CEDDCD
#D4D8CD
#DAD2CD
#E0CCCC
#E8C5CC
#C2F2C5
#CAEBC5
#D1E4C4
#D9DCC4
#E1D5C3
#E8CEC3
#F2C5C2
Colorpallet from #C2C5F2 to #C5C2F2 and to #C5F2C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C6F1
#C2C7EF
#C2C8EE
#C2C9ED
#C2CBEC
#C2CCEA
#C3C4F2
#C3C6F0
#C3C9ED
#C3CBEB
#C3CEE8
#C3D0E6
#C3D3E3
#C3C4F2
#C3C8EE
#C3CBEB
#C3CFE7
#C3D3E3
#C3D6E0
#C3DBDB
#C4C3F2
#C4C8ED
#C4CDE8
#C4D2E3
#C4D7DE
#C4DCD9
#C4E2D3
#C4C3F2
#C4C9EC
#C4CFE6
#C4D5E0
#C4DBDA
#C4E1D4
#C4E9CC
#C5C2F2
#C5CAEA
#C5D1E3
#C5D9DB
#C5E1D3
#C5E8CC
#C5F2C2
Colorpallet from #C2C5F2 to #C5C2F2 and to #F2C2C5
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C3C5F1
#C5C5F0
#C6C5EF
#C7C5EE
#C8C5EC
#CAC5EB
#C3C4F2
#C5C4F0
#C7C4EE
#CAC4EB
#CCC4E9
#CEC4E7
#D1C4E4
#C3C4F2
#C7C4EE
#CAC4EB
#CEC4E7
#D1C4E4
#D5C4E0
#D9C4DC
#C4C3F2
#C9C3ED
#CDC3E9
#D2C3E4
#D7C3DF
#DBC3DB
#E1C3D5
#C4C3F2
#CAC3EC
#D0C3E6
#D5C3E1
#DBC3DB
#E1C3D5
#E8C3CE
#C5C2F2
#CCC2EB
#D3C2E4
#DBC2DC
#E2C2D5
#E9C2CE
#F2C2C5
Colorpallet from #C2C5F2 to #C5C2F2 and to #F2C5C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C3C5F1
#C5C5EF
#C6C5EE
#C7C5ED
#C8C5EC
#CAC5EA
#C3C4F2
#C5C4F0
#C7C4ED
#CAC4EB
#CCC5E8
#CEC5E6
#D1C5E3
#C3C4F2
#C7C4EE
#CAC4EB
#CEC4E7
#D1C5E3
#D5C5E0
#D9C5DB
#C4C3F2
#C9C3ED
#CDC4E8
#D2C4E3
#D7C4DE
#DBC5D9
#E1C5D3
#C4C3F2
#CAC3EC
#D0C4E6
#D5C4E0
#DBC4DA
#E1C5D4
#E8C5CC
#C5C2F2
#CCC2EA
#D3C3E3
#DBC3DB
#E2C4D3
#E9C4CC
#F2C5C2
Colorpallet from #C2C5F2 to #C5F2C2 and to #F2C2C5
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEA
#C3CBEA
#C5CAEA
#C6C9EA
#C7C8EB
#C8C6EB
#CAC5EB
#C3D3E3
#C5D1E3
#C7CEE3
#CACCE3
#CCC9E4
#CEC7E4
#D1C4E4
#C3DBDB
#C7D7DB
#CAD4DB
#CED0DB
#D1CCDC
#D5C9DC
#D9C4DC
#C4E2D3
#C9DDD3
#CDD8D4
#D2D3D4
#D7CED4
#DBC9D5
#E1C3D5
#C4E9CC
#CAE3CC
#D0DDCD
#D5D7CD
#DBD1CD
#E1CBCE
#E8C3CE
#C5F2C2
#CCEAC2
#D3E3C3
#DBDBC3
#E2D3C4
#E9CCC4
#F2C2C5
Colorpallet from #C2C5F2 to #C5F2C2 and to #F2C5C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2CCEA
#C3CBEA
#C5CAEA
#C6C9EA
#C7C8EA
#C8C6EA
#CAC5EA
#C3D3E3
#C5D1E3
#C7CFE3
#CACCE3
#CCCAE3
#CEC8E3
#D1C5E3
#C3DBDB
#C7D7DB
#CAD4DB
#CED0DB
#D1CDDB
#D5C9DB
#D9C5DB
#C4E2D3
#C9DDD3
#CDD9D3
#D2D4D3
#D7CFD3
#DBCBD3
#E1C5D3
#C4E9CC
#CAE3CC
#D0DDCC
#D5D8CC
#DBD2CC
#E1CCCC
#E8C5CC
#C5F2C2
#CCEBC2
#D3E4C2
#DBDCC2
#E2D5C2
#E9CEC2
#F2C5C2
Colorpallet from #C2C5F2 to #F2C2C5 and to #F2C5C2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#C2C5F2
#CAC5EB
#CAC5EB
#CAC5EB
#CAC5EB
#CAC5EA
#CAC5EA
#CAC5EA
#D1C4E4
#D1C4E4
#D1C4E4
#D1C4E4
#D1C5E3
#D1C5E3
#D1C5E3
#D9C4DC
#D9C4DC
#D9C4DC
#D9C4DC
#D9C5DB
#D9C5DB
#D9C5DB
#E1C3D5
#E1C3D5
#E1C4D4
#E1C4D4
#E1C4D4
#E1C5D3
#E1C5D3
#E8C3CE
#E8C3CE
#E8C4CD
#E8C4CD
#E8C4CD
#E8C5CC
#E8C5CC
#F2C2C5
#F2C2C5
#F2C3C4
#F2C3C4
#F2C4C3
#F2C4C3
#F2C5C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts