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 #D2D5C2 to #D2C2D5 and to #D5D2C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D2D3C4
#D2D3C4
#D2D4C3
#D2D4C3
#D2D5C2
#D2CFC8
#D2D0C7
#D2D1C6
#D2D1C5
#D3D2C4
#D3D3C3
#D3D4C2
#D2CCCB
#D2CDCA
#D2CFC8
#D2D0C7
#D3D1C5
#D3D2C4
#D3D4C2
#D2C9CE
#D2CBCC
#D3CCCA
#D3CEC8
#D3CFC6
#D4D1C4
#D4D3C2
#D2C6D1
#D2C8CF
#D3CACC
#D3CCCA
#D3CEC7
#D4D0C5
#D4D3C2
#D2C2D5
#D2C5D2
#D3C7CF
#D3CACC
#D4CCC9
#D4CFC6
#D5D2C2
Colorpallet from #D2D5C2 to #D2C2D5 and to #D5C2D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D2D2C5
#D2D2C5
#D2D2C5
#D2D2C5
#D2D2C5
#D2CFC8
#D2CFC8
#D2CFC8
#D2CFC8
#D3CFC7
#D3CFC7
#D3CFC7
#D2CCCB
#D2CCCB
#D2CCCB
#D2CCCB
#D3CCCA
#D3CCCA
#D3CCCA
#D2C9CE
#D2C9CE
#D3C9CD
#D3C9CD
#D3C9CD
#D4C9CC
#D4C9CC
#D2C6D1
#D2C6D1
#D3C6D0
#D3C6D0
#D3C6D0
#D4C6CF
#D4C6CF
#D2C2D5
#D2C2D5
#D3C2D4
#D3C2D4
#D4C2D3
#D4C2D3
#D5C2D2
Colorpallet from #D2D5C2 to #D2C2D5 and to #C2D2D5
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D1D3C5
#D1D3C5
#D0D4C5
#D0D4C5
#CFD5C5
#D2CFC8
#D1D0C8
#D0D1C8
#D0D1C8
#CFD2C8
#CED3C8
#CDD4C8
#D2CCCB
#D1CDCB
#CFCFCB
#CED0CB
#CDD1CB
#CCD2CB
#CAD4CB
#D2C9CE
#D0CBCE
#CFCCCE
#CDCECE
#CCCFCE
#CAD1CE
#C8D3CE
#D2C6D1
#D0C8D1
#CECAD1
#CCCCD1
#CACED1
#C8D0D1
#C5D3D1
#D2C2D5
#CFC5D5
#CDC7D5
#CACAD5
#C8CCD5
#C5CFD5
#C2D2D5
Colorpallet from #D2D5C2 to #D2C2D5 and to #C2D5D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D1D3C5
#D1D3C5
#D0D4C5
#D0D4C5
#CFD5C5
#D2CFC8
#D1D0C8
#D0D1C8
#D0D2C8
#CFD3C7
#CED4C7
#CDD5C7
#D2CCCB
#D1CDCB
#CFCFCB
#CED0CB
#CDD2CA
#CCD3CA
#CAD5CA
#D2C9CE
#D0CBCE
#CFCDCD
#CDCFCD
#CCD1CD
#CAD3CC
#C8D5CC
#D2C6D1
#D0C8D1
#CECBD0
#CCCDD0
#CAD0D0
#C8D2CF
#C5D5CF
#D2C2D5
#CFC5D5
#CDC8D4
#CACBD4
#C8CED3
#C5D1D3
#C2D5D2
Colorpallet from #D2D5C2 to #D5D2C2 and to #D5C2D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D4C3
#D2D4C3
#D2D3C4
#D2D3C4
#D2D2C5
#D3D4C2
#D3D3C3
#D3D2C4
#D3D2C4
#D3D1C5
#D3D0C6
#D3CFC7
#D3D4C2
#D3D3C3
#D3D1C5
#D3D0C6
#D3CFC7
#D3CEC8
#D3CCCA
#D4D3C2
#D4D1C4
#D4D0C5
#D4CEC7
#D4CDC8
#D4CBCA
#D4C9CC
#D4D3C2
#D4D1C4
#D4CFC6
#D4CDC8
#D4CBCA
#D4C9CC
#D4C6CF
#D5D2C2
#D5CFC5
#D5CDC7
#D5CACA
#D5C8CC
#D5C5CF
#D5C2D2
Colorpallet from #D2D5C2 to #D5D2C2 and to #C2D2D5
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D1D5C3
#D1D5C3
#D0D5C4
#D0D5C4
#CFD5C5
#D3D4C2
#D2D4C3
#D1D4C4
#D0D4C5
#CFD4C6
#CED4C7
#CDD4C8
#D3D4C2
#D2D4C3
#D0D4C5
#CFD4C6
#CDD4C8
#CCD4C9
#CAD4CB
#D4D3C2
#D2D3C4
#D0D3C6
#CED3C8
#CCD3CA
#CAD3CC
#C8D3CE
#D4D3C2
#D2D3C4
#CFD3C7
#CDD3C9
#CAD3CC
#C8D3CE
#C5D3D1
#D5D2C2
#D2D2C5
#CFD2C8
#CCD2CB
#C9D2CE
#C6D2D1
#C2D2D5
Colorpallet from #D2D5C2 to #D5D2C2 and to #C2D5D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D1D5C3
#D1D5C3
#D0D5C4
#D0D5C4
#CFD5C5
#D3D4C2
#D2D4C3
#D1D4C4
#D0D4C4
#CFD5C5
#CED5C6
#CDD5C7
#D3D4C2
#D2D4C3
#D0D4C5
#CFD4C6
#CDD5C7
#CCD5C8
#CAD5CA
#D4D3C2
#D2D3C4
#D0D4C5
#CED4C7
#CCD4C8
#CAD5CA
#C8D5CC
#D4D3C2
#D2D3C4
#CFD4C6
#CDD4C8
#CAD4CA
#C8D5CC
#C5D5CF
#D5D2C2
#D2D2C5
#CFD3C7
#CCD3CA
#C9D4CC
#C6D4CF
#C2D5D2
Colorpallet from #D2D5C2 to #D5C2D2 and to #C2D2D5
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D1D3C5
#D1D3C5
#D0D4C5
#D0D4C5
#CFD5C5
#D3CFC7
#D2D0C7
#D1D1C7
#D0D1C7
#CFD2C8
#CED3C8
#CDD4C8
#D3CCCA
#D2CDCA
#D0CFCA
#CFD0CA
#CDD1CB
#CCD2CB
#CAD4CB
#D4C9CC
#D2CBCC
#D0CCCD
#CECECD
#CCCFCD
#CAD1CE
#C8D3CE
#D4C6CF
#D2C8CF
#CFCAD0
#CDCCD0
#CACED0
#C8D0D1
#C5D3D1
#D5C2D2
#D2C5D2
#CFC7D3
#CCCAD3
#C9CCD4
#C6CFD4
#C2D2D5
Colorpallet from #D2D5C2 to #D5C2D2 and to #C2D5D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D2C5
#D2D2C5
#D1D3C5
#D1D3C5
#D0D4C5
#D0D4C5
#CFD5C5
#D3CFC7
#D2D0C7
#D1D1C7
#D0D2C7
#CFD3C7
#CED4C7
#CDD5C7
#D3CCCA
#D2CDCA
#D0CFCA
#CFD0CA
#CDD2CA
#CCD3CA
#CAD5CA
#D4C9CC
#D2CBCC
#D0CDCC
#CECFCC
#CCD1CC
#CAD3CC
#C8D5CC
#D4C6CF
#D2C8CF
#CFCBCF
#CDCDCF
#CAD0CF
#C8D2CF
#C5D5CF
#D5C2D2
#D2C5D2
#CFC8D2
#CCCBD2
#C9CED2
#C6D1D2
#C2D5D2
Colorpallet from #D2D5C2 to #C2D2D5 and to #C2D5D2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#D2D5C2
#CFD5C5
#CFD5C5
#CFD5C5
#CFD5C5
#CFD5C5
#CFD5C5
#CFD5C5
#CDD4C8
#CDD4C8
#CDD4C8
#CDD4C8
#CDD5C7
#CDD5C7
#CDD5C7
#CAD4CB
#CAD4CB
#CAD4CB
#CAD4CB
#CAD5CA
#CAD5CA
#CAD5CA
#C8D3CE
#C8D3CE
#C8D4CD
#C8D4CD
#C8D4CD
#C8D5CC
#C8D5CC
#C5D3D1
#C5D3D1
#C5D4D0
#C5D4D0
#C5D4D0
#C5D5CF
#C5D5CF
#C2D2D5
#C2D2D5
#C2D3D4
#C2D3D4
#C2D4D3
#C2D4D3
#C2D5D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts