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 #C4C2DE to #C4DEC2 and to #C2C4DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C4C5DB
#C4C5DB
#C4C4DC
#C4C3DD
#C4C3DD
#C4C2DE
#C4CBD5
#C4CAD6
#C4C8D8
#C4C7D9
#C3C6DB
#C3C5DC
#C3C3DE
#C4CFD1
#C4CDD3
#C4CBD5
#C4C9D7
#C3C7D9
#C3C5DB
#C3C3DE
#C4D4CC
#C4D1CF
#C4CFD2
#C4CCD5
#C3C9D8
#C3C6DA
#C3C3DE
#C4D8C8
#C4D5CC
#C3D2CF
#C3CED3
#C3CBD6
#C2C8DA
#C2C4DE
#C4DEC2
#C4DAC6
#C3D6CB
#C3D2CF
#C3CDD4
#C2C9D8
#C2C4DE
Colorpallet from #C4C2DE to #C4DEC2 and to #C2DEC4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C4C6DA
#C4C6DA
#C4C6DA
#C4C6DA
#C4C6DA
#C4C6DA
#C4CBD5
#C4CBD5
#C4CBD5
#C4CBD5
#C3CBD6
#C3CBD6
#C3CBD6
#C4CFD1
#C4CFD1
#C4CFD1
#C4CFD1
#C3CFD2
#C3CFD2
#C3CFD2
#C4D4CC
#C4D4CC
#C4D4CC
#C4D4CC
#C3D4CD
#C3D4CD
#C3D4CD
#C4D8C8
#C4D8C8
#C3D8C8
#C3D8C8
#C3D8C9
#C2D8C9
#C2D8C9
#C4DEC2
#C4DEC2
#C3DEC3
#C3DEC3
#C3DEC3
#C2DEC4
#C2DEC4
Colorpallet from #C4C2DE to #C4DEC2 and to #DEC4C2
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C5C5DA
#C5C5DA
#C6C4DA
#C7C3DA
#C7C3DA
#C8C2DA
#C4CBD5
#C5CAD5
#C7C8D5
#C8C7D5
#C9C6D5
#CAC5D5
#CCC3D5
#C4CFD1
#C6CDD1
#C8CBD1
#CAC9D1
#CCC7D1
#CEC5D1
#D0C3D1
#C4D4CC
#C7D1CC
#C9CFCC
#CCCCCC
#CFC9CC
#D2C6CC
#D5C3CC
#C4D8C8
#C7D5C8
#CBD2C8
#CECEC8
#D1CBC8
#D5C8C8
#D9C4C8
#C4DEC2
#C8DAC2
#CCD6C2
#D0D2C2
#D5CDC2
#D9C9C2
#DEC4C2
Colorpallet from #C4C2DE to #C4DEC2 and to #DEC2C4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C5C5DA
#C5C5DA
#C6C4DA
#C7C3DA
#C7C3DA
#C8C2DA
#C4CBD5
#C5CAD5
#C7C8D5
#C8C7D5
#C9C5D6
#CAC4D6
#CCC2D6
#C4CFD1
#C6CDD1
#C8CBD1
#CAC9D1
#CCC7D2
#CEC5D2
#D0C2D2
#C4D4CC
#C7D1CC
#C9CECC
#CCCBCC
#CFC8CD
#D2C6CD
#D5C2CD
#C4D8C8
#C7D4C8
#CBD1C8
#CECDC8
#D1CAC9
#D5C6C9
#D9C2C9
#C4DEC2
#C8DAC2
#CCD5C3
#D0D1C3
#D5CCC3
#D9C8C4
#DEC2C4
Colorpallet from #C4C2DE to #C2C4DE and to #C2DEC4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C3DD
#C4C3DD
#C4C4DC
#C4C5DB
#C4C5DB
#C4C6DA
#C3C3DE
#C3C4DD
#C3C6DB
#C3C7DA
#C3C8D9
#C3C9D8
#C3CBD6
#C3C3DE
#C3C5DC
#C3C7DA
#C3C9D8
#C3CBD6
#C3CDD4
#C3CFD2
#C3C3DE
#C3C6DB
#C3C8D9
#C3CBD6
#C3CED3
#C3D1D0
#C3D4CD
#C2C4DE
#C2C7DB
#C2CAD7
#C2CED4
#C2D1D1
#C2D4CD
#C2D8C9
#C2C4DE
#C2C8DA
#C2CCD6
#C2D0D2
#C2D5CD
#C2D9C9
#C2DEC4
Colorpallet from #C4C2DE to #C2C4DE and to #DEC4C2
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C5C2DD
#C5C2DD
#C6C2DC
#C7C2DB
#C7C2DB
#C8C2DA
#C3C3DE
#C4C3DD
#C6C3DB
#C7C3DA
#C9C3D8
#CAC3D7
#CCC3D5
#C3C3DE
#C5C3DC
#C7C3DA
#C9C3D8
#CBC3D6
#CDC3D4
#D0C3D1
#C3C3DE
#C6C3DB
#C9C3D8
#CCC3D5
#CFC3D2
#D1C3D0
#D5C3CC
#C2C4DE
#C6C4DA
#C9C4D7
#CDC4D3
#D1C4D0
#D4C4CC
#D9C4C8
#C2C4DE
#C6C4DA
#CBC4D5
#CFC4D1
#D4C4CC
#D8C4C8
#DEC4C2
Colorpallet from #C4C2DE to #C2C4DE and to #DEC2C4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C5C2DD
#C5C2DD
#C6C2DC
#C7C2DB
#C7C2DB
#C8C2DA
#C3C3DE
#C4C3DD
#C6C3DB
#C7C3DA
#C9C2D9
#CAC2D8
#CCC2D6
#C3C3DE
#C5C3DC
#C7C3DA
#C9C3D8
#CBC2D6
#CDC2D4
#D0C2D2
#C3C3DE
#C6C3DB
#C9C3D9
#CCC3D6
#CFC2D3
#D1C2D0
#D5C2CD
#C2C4DE
#C6C4DB
#C9C3D7
#CDC3D4
#D1C3D1
#D4C2CD
#D9C2C9
#C2C4DE
#C6C4DA
#CBC3D6
#CFC3D2
#D4C3CD
#D8C2C9
#DEC2C4
Colorpallet from #C4C2DE to #C2DEC4 and to #DEC4C2
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C5C5DA
#C5C5DA
#C6C4DA
#C7C3DA
#C7C3DA
#C8C2DA
#C3CBD6
#C4CAD6
#C6C8D6
#C7C7D6
#C9C6D5
#CAC5D5
#CCC3D5
#C3CFD2
#C5CDD2
#C7CBD2
#C9C9D2
#CBC7D1
#CDC5D1
#D0C3D1
#C3D4CD
#C6D1CD
#C9CFCD
#CCCCCD
#CFC9CC
#D1C6CC
#D5C3CC
#C2D8C9
#C6D5C9
#C9D2C9
#CDCEC9
#D1CBC8
#D4C8C8
#D9C4C8
#C2DEC4
#C6DAC4
#CBD6C3
#CFD2C3
#D4CDC3
#D8C9C2
#DEC4C2
Colorpallet from #C4C2DE to #C2DEC4 and to #DEC2C4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C6DA
#C5C5DA
#C5C5DA
#C6C4DA
#C7C3DA
#C7C3DA
#C8C2DA
#C3CBD6
#C4CAD6
#C6C8D6
#C7C7D6
#C9C5D6
#CAC4D6
#CCC2D6
#C3CFD2
#C5CDD2
#C7CBD2
#C9C9D2
#CBC7D2
#CDC5D2
#D0C2D2
#C3D4CD
#C6D1CD
#C9CECD
#CCCBCD
#CFC8CD
#D1C6CD
#D5C2CD
#C2D8C9
#C6D4C9
#C9D1C9
#CDCDC9
#D1CAC9
#D4C6C9
#D9C2C9
#C2DEC4
#C6DAC4
#CBD5C4
#CFD1C4
#D4CCC4
#D8C8C4
#DEC2C4
Colorpallet from #C4C2DE to #DEC4C2 and to #DEC2C4
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C4C2DE
#C8C2DA
#C8C2DA
#C8C2DA
#C8C2DA
#C8C2DA
#C8C2DA
#C8C2DA
#CCC3D5
#CCC3D5
#CCC3D5
#CCC3D5
#CCC2D6
#CCC2D6
#CCC2D6
#D0C3D1
#D0C3D1
#D0C3D1
#D0C3D1
#D0C2D2
#D0C2D2
#D0C2D2
#D5C3CC
#D5C3CC
#D5C3CC
#D5C3CC
#D5C2CD
#D5C2CD
#D5C2CD
#D9C4C8
#D9C4C8
#D9C3C8
#D9C3C8
#D9C3C9
#D9C2C9
#D9C2C9
#DEC4C2
#DEC4C2
#DEC3C3
#DEC3C3
#DEC3C3
#DEC2C4
#DEC2C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts