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 #C5C2ED to #C5EDC2 and to #C2C5ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E6
#C5C8E7
#C5C7E8
#C5C6E9
#C5C5EA
#C5C3EC
#C5C2ED
#C5D0DF
#C5CEE1
#C5CCE3
#C5CAE6
#C4C8E8
#C4C6EA
#C4C3ED
#C5D7D8
#C5D4DB
#C5D1DF
#C5CDE2
#C4CAE5
#C4C7E9
#C4C3ED
#C5DED1
#C5DAD5
#C4D6DA
#C4D2DE
#C4CDE3
#C3C9E7
#C3C4ED
#C5E4CB
#C5DFD0
#C4DAD6
#C4D5DB
#C4D0E1
#C3CAE6
#C3C4ED
#C5EDC2
#C5E7C9
#C4E0D0
#C4DAD7
#C3D3DE
#C3CDE4
#C2C5ED
Colorpallet from #C5C2ED to #C5EDC2 and to #C2EDC5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E6
#C5C9E6
#C5C9E6
#C5C9E6
#C5C9E7
#C5C9E7
#C5C9E7
#C5D0DF
#C5D0DF
#C5D0DF
#C5D0DF
#C4D0E0
#C4D0E0
#C4D0E0
#C5D7D8
#C5D7D8
#C5D7D9
#C5D7D9
#C4D7D9
#C4D7DA
#C4D7DA
#C5DED1
#C5DED1
#C4DED2
#C4DED2
#C4DED2
#C3DED3
#C3DED3
#C5E4CB
#C5E4CB
#C4E4CC
#C4E4CC
#C4E4CC
#C3E4CD
#C3E4CD
#C5EDC2
#C5EDC2
#C4EDC3
#C4EDC3
#C3EDC4
#C3EDC4
#C2EDC5
Colorpallet from #C5C2ED to #C5EDC2 and to #EDC5C2
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E6
#C6C8E6
#C7C7E6
#C8C6E6
#C9C5E6
#CAC3E6
#CBC2E6
#C5D0DF
#C7CEDF
#C9CCDF
#CBCADF
#CDC8DF
#CFC6DF
#D2C3DF
#C5D7D8
#C8D4D8
#CBD1D8
#CECDD8
#D1CAD8
#D4C7D8
#D8C3D8
#C5DED1
#C9DAD1
#CDD6D1
#D1D2D1
#D6CDD1
#DAC9D1
#DFC4D1
#C5E4CB
#CADFCB
#CFDACB
#D4D5CB
#D9D0CB
#DFCACB
#E5C4CB
#C5EDC2
#CBE7C2
#D2E0C2
#D8DAC2
#DFD3C2
#E5CDC2
#EDC5C2
Colorpallet from #C5C2ED to #C5EDC2 and to #EDC2C5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E6
#C6C8E6
#C7C7E6
#C8C6E6
#C9C5E7
#CAC3E7
#CBC2E7
#C5D0DF
#C7CEDF
#C9CCDF
#CBC9DF
#CDC7E0
#CFC5E0
#D2C2E0
#C5D7D8
#C8D4D8
#CBD0D9
#CECDD9
#D1CAD9
#D4C6DA
#D8C2DA
#C5DED1
#C9DAD1
#CDD5D2
#D1D1D2
#D6CCD2
#DAC8D3
#DFC2D3
#C5E4CB
#CADFCB
#CFD9CC
#D4D4CC
#D9CECC
#DFC9CD
#E5C2CD
#C5EDC2
#CBE6C2
#D2DFC3
#D8D8C3
#DFD1C4
#E5CBC4
#EDC2C5
Colorpallet from #C5C2ED to #C2C5ED and to #C2EDC5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C3EC
#C5C4EB
#C5C5EA
#C5C6E9
#C5C8E8
#C5C9E7
#C4C3ED
#C4C5EB
#C4C7E9
#C4C9E7
#C4CBE5
#C4CDE3
#C4D0E0
#C4C3ED
#C4C6EA
#C4C9E7
#C4CDE4
#C4D0E1
#C4D3DE
#C4D7DA
#C3C4ED
#C3C8E9
#C3CCE5
#C3D0E1
#C3D5DC
#C3D9D8
#C3DED3
#C3C4ED
#C3C9E8
#C3CEE3
#C3D3DE
#C3D8D9
#C3DED3
#C3E4CD
#C2C5ED
#C2CBE7
#C2D2E0
#C2D8DA
#C2DFD3
#C2E5CD
#C2EDC5
Colorpallet from #C5C2ED to #C2C5ED and to #EDC5C2
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C6C2EC
#C7C2EB
#C8C2EA
#C9C2E9
#CAC2E7
#CBC2E6
#C4C3ED
#C6C3EB
#C8C3E9
#CBC3E6
#CDC3E4
#CFC3E2
#D2C3DF
#C4C3ED
#C7C3EA
#CAC3E6
#CEC3E3
#D1C3E0
#D4C3DC
#D8C3D8
#C3C4ED
#C7C4E9
#CCC4E4
#D0C4E0
#D5C4DB
#D9C4D7
#DFC4D1
#C3C4ED
#C8C4E8
#CEC4E2
#D3C4DD
#D9C4D7
#DEC4D2
#E5C4CB
#C2C5ED
#C9C5E6
#D0C5DF
#D7C5D8
#DEC5D1
#E4C5CB
#EDC5C2
Colorpallet from #C5C2ED to #C2C5ED and to #EDC2C5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C6C2EC
#C7C2EB
#C8C2EA
#C9C2E9
#CAC2E8
#CBC2E7
#C4C3ED
#C6C3EB
#C8C3E9
#CBC3E7
#CDC2E5
#CFC2E3
#D2C2E0
#C4C3ED
#C7C3EA
#CAC3E7
#CEC3E4
#D1C2E1
#D4C2DE
#D8C2DA
#C3C4ED
#C7C4E9
#CCC3E5
#D0C3E1
#D5C3DC
#D9C2D8
#DFC2D3
#C3C4ED
#C8C4E8
#CEC3E3
#D3C3DE
#D9C3D9
#DEC2D3
#E5C2CD
#C2C5ED
#C9C5E7
#D0C4E0
#D7C4DA
#DEC3D3
#E4C3CD
#EDC2C5
Colorpallet from #C5C2ED to #C2EDC5 and to #EDC5C2
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E7
#C6C8E7
#C7C7E7
#C8C6E7
#C9C5E6
#CAC3E6
#CBC2E6
#C4D0E0
#C6CEE0
#C8CCE0
#CBCAE0
#CDC8DF
#CFC6DF
#D2C3DF
#C4D7DA
#C7D4DA
#CAD1D9
#CECDD9
#D1CAD9
#D4C7D8
#D8C3D8
#C3DED3
#C7DAD3
#CCD6D2
#D0D2D2
#D5CDD2
#D9C9D1
#DFC4D1
#C3E4CD
#C8DFCD
#CEDACC
#D3D5CC
#D9D0CC
#DECACB
#E5C4CB
#C2EDC5
#C9E7C5
#D0E0C4
#D7DAC4
#DED3C3
#E4CDC3
#EDC5C2
Colorpallet from #C5C2ED to #C2EDC5 and to #EDC2C5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C9E7
#C6C8E7
#C7C7E7
#C8C6E7
#C9C5E7
#CAC3E7
#CBC2E7
#C4D0E0
#C6CEE0
#C8CCE0
#CBC9E0
#CDC7E0
#CFC5E0
#D2C2E0
#C4D7DA
#C7D4DA
#CAD0DA
#CECDDA
#D1CADA
#D4C6DA
#D8C2DA
#C3DED3
#C7DAD3
#CCD5D3
#D0D1D3
#D5CCD3
#D9C8D3
#DFC2D3
#C3E4CD
#C8DFCD
#CED9CD
#D3D4CD
#D9CECD
#DEC9CD
#E5C2CD
#C2EDC5
#C9E6C5
#D0DFC5
#D7D8C5
#DED1C5
#E4CBC5
#EDC2C5
Colorpallet from #C5C2ED to #EDC5C2 and to #EDC2C5
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#C5C2ED
#CBC2E6
#CBC2E6
#CBC2E6
#CBC2E6
#CBC2E7
#CBC2E7
#CBC2E7
#D2C3DF
#D2C3DF
#D2C3DF
#D2C3DF
#D2C2E0
#D2C2E0
#D2C2E0
#D8C3D8
#D8C3D8
#D8C3D9
#D8C3D9
#D8C2D9
#D8C2DA
#D8C2DA
#DFC4D1
#DFC4D1
#DFC3D2
#DFC3D2
#DFC3D2
#DFC2D3
#DFC2D3
#E5C4CB
#E5C4CB
#E5C3CC
#E5C3CC
#E5C3CC
#E5C2CD
#E5C2CD
#EDC5C2
#EDC5C2
#EDC4C3
#EDC4C3
#EDC3C4
#EDC3C4
#EDC2C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts