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 #C2C5EC to #C2ECC5 and to #C5C2EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE6
#C2CAE7
#C2C9E8
#C2C8E9
#C2C7EA
#C2C6EB
#C2C5EC
#C2D1E0
#C2CFE2
#C2CDE4
#C2CBE6
#C3C9E8
#C3C7EA
#C3C4EC
#C2D8D9
#C2D5DC
#C2D2DF
#C2CEE2
#C3CBE5
#C3C8E8
#C3C4EC
#C2DED3
#C2DAD7
#C3D5DB
#C3D1DF
#C3CDE3
#C4C8E7
#C4C3EC
#C2E4CD
#C2DFD2
#C3D9D7
#C3D4DC
#C3CFE1
#C4CAE6
#C4C3EC
#C2ECC5
#C2E5CB
#C3DFD1
#C3D8D8
#C4D1DE
#C4CAE4
#C5C2EC
Colorpallet from #C2C5EC to #C2ECC5 and to #C5ECC2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE6
#C2CBE6
#C2CBE6
#C2CBE6
#C2CBE5
#C2CBE5
#C2CBE5
#C2D1E0
#C2D1E0
#C2D1E0
#C2D1E0
#C3D1DF
#C3D1DF
#C3D1DF
#C2D8D9
#C2D8D9
#C2D8D9
#C2D8D9
#C3D8D8
#C3D8D8
#C3D8D8
#C2DED3
#C2DED3
#C3DED2
#C3DED2
#C3DED2
#C4DED1
#C4DED1
#C2E4CD
#C2E4CD
#C3E4CC
#C3E4CC
#C3E4CB
#C4E4CB
#C4E4CA
#C2ECC5
#C2ECC5
#C3ECC4
#C3ECC4
#C4ECC3
#C4ECC3
#C5ECC2
Colorpallet from #C2C5EC to #C2ECC5 and to #ECC2C5
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE6
#C3CAE6
#C4C9E6
#C5C8E6
#C6C7E6
#C8C6E6
#C9C5E6
#C2D1E0
#C4CFE0
#C6CDE0
#C8CBE0
#CAC9E0
#CCC7E0
#CFC4E0
#C2D8D9
#C5D5D9
#C8D2D9
#CCCED9
#CFCBD9
#D2C8D9
#D6C4D9
#C2DED3
#C6DAD3
#CBD5D3
#CFD1D3
#D3CDD3
#D8C8D3
#DDC3D3
#C2E4CD
#C7DFCD
#CDD9CD
#D2D4CD
#D8CFCD
#DDCACD
#E4C3CD
#C2ECC5
#C9E5C5
#CFDFC5
#D6D8C5
#DDD1C5
#E4CAC5
#ECC2C5
Colorpallet from #C2C5EC to #C2ECC5 and to #ECC5C2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE6
#C3CAE6
#C4C9E6
#C5C8E6
#C6C7E5
#C8C6E5
#C9C5E5
#C2D1E0
#C4CFE0
#C6CDE0
#C8CBE0
#CAC9DF
#CCC7DF
#CFC5DF
#C2D8D9
#C5D5D9
#C8D2D9
#CCCFD9
#CFCCD8
#D2C9D8
#D6C5D8
#C2DED3
#C6DAD3
#CBD6D2
#CFD2D2
#D3CED2
#D8CAD1
#DDC5D1
#C2E4CD
#C7DFCD
#CDDACC
#D2D5CC
#D8D0CB
#DDCBCB
#E4C5CA
#C2ECC5
#C9E6C5
#CFE0C4
#D6D9C4
#DDD3C3
#E4CDC3
#ECC5C2
Colorpallet from #C2C5EC to #C5C2EC and to #C5ECC2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C6EB
#C2C7EA
#C2C8E9
#C2C9E8
#C2CAE6
#C2CBE5
#C3C4EC
#C3C6EA
#C3C8E8
#C3CAE6
#C3CCE4
#C3CEE2
#C3D1DF
#C3C4EC
#C3C7E9
#C3CAE6
#C3CEE2
#C3D1DF
#C3D4DC
#C3D8D8
#C4C3EC
#C4C7E8
#C4CCE3
#C4D0DF
#C4D4DB
#C4D9D6
#C4DED1
#C4C3EC
#C4C8E7
#C4CEE1
#C4D3DC
#C4D8D6
#C4DDD1
#C4E4CA
#C5C2EC
#C5C9E5
#C5CFDF
#C5D6D8
#C5DDD1
#C5E4CA
#C5ECC2
Colorpallet from #C2C5EC to #C5C2EC and to #ECC2C5
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C3C5EB
#C4C5EA
#C5C5E9
#C6C5E8
#C8C5E7
#C9C5E6
#C3C4EC
#C5C4EA
#C7C4E8
#C9C4E6
#CBC4E4
#CDC4E2
#CFC4E0
#C3C4EC
#C6C4E9
#C9C4E6
#CCC4E3
#CFC4E0
#D2C4DD
#D6C4D9
#C4C3EC
#C8C3E8
#CCC3E4
#D0C3E0
#D4C3DC
#D8C3D8
#DDC3D3
#C4C3EC
#C9C3E7
#CEC3E2
#D3C3DD
#D8C3D8
#DEC3D3
#E4C3CD
#C5C2EC
#CBC2E6
#D1C2E0
#D8C2D9
#DEC2D3
#E4C2CD
#ECC2C5
Colorpallet from #C2C5EC to #C5C2EC and to #ECC5C2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C3C5EB
#C4C5EA
#C5C5E9
#C6C5E8
#C8C5E6
#C9C5E5
#C3C4EC
#C5C4EA
#C7C4E8
#C9C4E6
#CBC5E4
#CDC5E2
#CFC5DF
#C3C4EC
#C6C4E9
#C9C4E6
#CCC4E2
#CFC5DF
#D2C5DC
#D6C5D8
#C4C3EC
#C8C3E8
#CCC4E3
#D0C4DF
#D4C4DB
#D8C5D6
#DDC5D1
#C4C3EC
#C9C3E7
#CEC4E1
#D3C4DC
#D8C4D6
#DEC5D1
#E4C5CA
#C5C2EC
#CBC2E5
#D1C3DF
#D8C3D8
#DEC4D1
#E4C4CA
#ECC5C2
Colorpallet from #C2C5EC to #C5ECC2 and to #ECC2C5
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE5
#C3CAE5
#C4C9E5
#C5C8E5
#C6C7E6
#C8C6E6
#C9C5E6
#C3D1DF
#C5CFDF
#C7CDDF
#C9CBDF
#CBC9E0
#CDC7E0
#CFC4E0
#C3D8D8
#C6D5D8
#C9D2D8
#CCCED8
#CFCBD9
#D2C8D9
#D6C4D9
#C4DED1
#C8DAD1
#CCD5D2
#D0D1D2
#D4CDD2
#D8C8D3
#DDC3D3
#C4E4CA
#C9DFCA
#CED9CB
#D3D4CB
#D8CFCC
#DECACC
#E4C3CD
#C5ECC2
#CBE5C2
#D1DFC3
#D8D8C3
#DED1C4
#E4CAC4
#ECC2C5
Colorpallet from #C2C5EC to #C5ECC2 and to #ECC5C2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2CBE5
#C3CAE5
#C4C9E5
#C5C8E5
#C6C7E5
#C8C6E5
#C9C5E5
#C3D1DF
#C5CFDF
#C7CDDF
#C9CBDF
#CBC9DF
#CDC7DF
#CFC5DF
#C3D8D8
#C6D5D8
#C9D2D8
#CCCFD8
#CFCCD8
#D2C9D8
#D6C5D8
#C4DED1
#C8DAD1
#CCD6D1
#D0D2D1
#D4CED1
#D8CAD1
#DDC5D1
#C4E4CA
#C9DFCA
#CEDACA
#D3D5CA
#D8D0CA
#DECBCA
#E4C5CA
#C5ECC2
#CBE6C2
#D1E0C2
#D8D9C2
#DED3C2
#E4CDC2
#ECC5C2
Colorpallet from #C2C5EC to #ECC2C5 and to #ECC5C2
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C2C5EC
#C9C5E6
#C9C5E6
#C9C5E6
#C9C5E6
#C9C5E5
#C9C5E5
#C9C5E5
#CFC4E0
#CFC4E0
#CFC4E0
#CFC4E0
#CFC5DF
#CFC5DF
#CFC5DF
#D6C4D9
#D6C4D9
#D6C4D9
#D6C4D9
#D6C5D8
#D6C5D8
#D6C5D8
#DDC3D3
#DDC3D3
#DDC4D2
#DDC4D2
#DDC4D2
#DDC5D1
#DDC5D1
#E4C3CD
#E4C3CD
#E4C4CC
#E4C4CC
#E4C4CB
#E4C5CB
#E4C5CA
#ECC2C5
#ECC2C5
#ECC3C4
#ECC3C4
#ECC4C3
#ECC4C3
#ECC5C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts