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 #CDD3B4 to #CDB4D3 and to #D3CDB4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDCEB9
#CDCFB8
#CDCFB7
#CDD0B7
#CED1B6
#CED1B5
#CED2B4
#CDC9BE
#CDCABC
#CECCBB
#CECDB9
#CECEB8
#CFCFB6
#CFD1B4
#CDC4C3
#CDC6C1
#CEC8BE
#CECABC
#CFCCB9
#CFCEB7
#D0D0B4
#CDBFC8
#CEC2C5
#CEC4C2
#CFC7BE
#D0C9BB
#D0CCB8
#D1CFB4
#CDBACD
#CEBDC9
#CFC0C5
#CFC4C1
#D0C7BD
#D1CAB9
#D2CEB4
#CDB4D3
#CEB8CE
#CFBCC9
#D0C0C4
#D1C4BF
#D2C8BA
#D3CDB4
Colorpallet from #CDD3B4 to #CDB4D3 and to #D3B4CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDCEB9
#CDCEB9
#CDCEB9
#CDCEB9
#CECEB8
#CECEB8
#CECEB8
#CDC9BE
#CDC9BE
#CEC9BD
#CEC9BD
#CEC9BD
#CFC9BC
#CFC9BC
#CDC4C3
#CDC4C3
#CEC4C2
#CEC4C2
#CFC4C1
#CFC4C1
#D0C4C0
#CDBFC8
#CEBFC7
#CEBFC7
#CFBFC6
#D0BFC5
#D0BFC5
#D1BFC4
#CDBACD
#CEBACC
#CFBACB
#CFBACB
#D0BACA
#D1BAC9
#D2BAC8
#CDB4D3
#CEB4D2
#CFB4D1
#D0B4D0
#D1B4CF
#D2B4CE
#D3B4CD
Colorpallet from #CDD3B4 to #CDB4D3 and to #B4CDD3
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDCEB9
#CCCFB9
#CCCFB9
#CBD0B9
#CAD1B9
#CAD1B9
#C9D2B9
#CDC9BE
#CCCABE
#CACCBE
#C9CDBE
#C8CEBE
#C7CFBE
#C5D1BE
#CDC4C3
#CBC6C3
#C9C8C3
#C7CAC3
#C5CCC3
#C3CEC3
#C1D0C3
#CDBFC8
#CAC2C8
#C8C4C8
#C5C7C8
#C3C9C8
#C0CCC8
#BDCFC8
#CDBACD
#CABDCD
#C7C0CD
#C3C4CD
#C0C7CD
#BDCACD
#B9CECD
#CDB4D3
#C9B8D3
#C5BCD3
#C1C0D3
#BDC4D3
#B9C8D3
#B4CDD3
Colorpallet from #CDD3B4 to #CDB4D3 and to #B4D3CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDCEB9
#CCCFB9
#CCD0B9
#CBD0B9
#CAD1B8
#CAD2B8
#C9D3B8
#CDC9BE
#CCCBBE
#CACCBD
#C9CEBD
#C8CFBD
#C7D1BC
#C5D3BC
#CDC4C3
#CBC6C3
#C9C9C2
#C7CBC2
#C5CEC1
#C3D0C1
#C1D3C0
#CDBFC8
#CAC2C7
#C8C5C7
#C5C9C6
#C3CCC5
#C0CFC5
#BDD3C4
#CDBACD
#CABECC
#C7C2CB
#C3C6CB
#C0CACA
#BDCEC9
#B9D3C8
#CDB4D3
#C9B9D2
#C5BED1
#C1C3D0
#BDC8CF
#B9CDCE
#B4D3CD
Colorpallet from #CDD3B4 to #D3CDB4 and to #D3B4CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CED2B4
#CED1B5
#CED1B5
#CED0B6
#CECFB7
#CECFB7
#CECEB8
#CFD1B4
#CFD0B5
#CFCEB7
#CFCDB8
#CFCCB9
#CFCBBA
#CFC9BC
#D0D0B4
#D0CEB6
#D0CCB8
#D0CABA
#D0C8BC
#D0C6BE
#D0C4C0
#D1CFB4
#D1CCB7
#D1CAB9
#D1C7BC
#D1C5BE
#D1C2C1
#D1BFC4
#D2CEB4
#D2CBB7
#D2C8BA
#D2C4BE
#D2C1C1
#D2BEC4
#D2BAC8
#D3CDB4
#D3C9B8
#D3C5BC
#D3C1C0
#D3BDC4
#D3B9C8
#D3B4CD
Colorpallet from #CDD3B4 to #D3CDB4 and to #B4CDD3
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CED2B4
#CDD2B5
#CCD2B6
#CCD2B6
#CBD2B7
#CAD2B8
#C9D2B9
#CFD1B4
#CDD1B6
#CCD1B7
#CAD1B9
#C9D1BA
#C7D1BC
#C5D1BE
#D0D0B4
#CED0B6
#CBD0B9
#C9D0BB
#C6D0BE
#C4D0C0
#C1D0C3
#D1CFB4
#CECFB7
#CBCFBA
#C7CFBE
#C4CFC1
#C1CFC4
#BDCFC8
#D2CEB4
#CECEB8
#CACEBC
#C6CEC0
#C2CEC4
#BECEC8
#B9CECD
#D3CDB4
#CECDB9
#C9CDBE
#C4CDC3
#BFCDC8
#BACDCD
#B4CDD3
Colorpallet from #CDD3B4 to #D3CDB4 and to #B4D3CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CED2B4
#CDD2B5
#CCD2B5
#CCD2B6
#CBD3B7
#CAD3B7
#C9D3B8
#CFD1B4
#CDD1B5
#CCD2B7
#CAD2B8
#C9D2B9
#C7D3BA
#C5D3BC
#D0D0B4
#CED0B6
#CBD1B8
#C9D1BA
#C6D2BC
#C4D2BE
#C1D3C0
#D1CFB4
#CED0B7
#CBD0B9
#C7D1BC
#C4D2BE
#C1D2C1
#BDD3C4
#D2CEB4
#CECFB7
#CAD0BA
#C6D0BE
#C2D1C1
#BED2C4
#B9D3C8
#D3CDB4
#CECEB8
#C9CFBC
#C4D0C0
#BFD1C4
#BAD2C8
#B4D3CD
Colorpallet from #CDD3B4 to #D3B4CD and to #B4CDD3
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CECEB8
#CDCFB8
#CCCFB8
#CCD0B8
#CBD1B9
#CAD1B9
#C9D2B9
#CFC9BC
#CDCABC
#CCCCBD
#CACDBD
#C9CEBD
#C7CFBE
#C5D1BE
#D0C4C0
#CEC6C0
#CBC8C1
#C9CAC1
#C6CCC2
#C4CEC2
#C1D0C3
#D1BFC4
#CEC2C5
#CBC4C5
#C7C7C6
#C4C9C7
#C1CCC7
#BDCFC8
#D2BAC8
#CEBDC9
#CAC0CA
#C6C4CA
#C2C7CB
#BECACC
#B9CECD
#D3B4CD
#CEB8CE
#C9BCCF
#C4C0D0
#BFC4D1
#BAC8D2
#B4CDD3
Colorpallet from #CDD3B4 to #D3B4CD and to #B4D3CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CECEB8
#CDCFB8
#CCD0B8
#CCD0B8
#CBD1B8
#CAD2B8
#C9D3B8
#CFC9BC
#CDCBBC
#CCCCBC
#CACEBC
#C9CFBC
#C7D1BC
#C5D3BC
#D0C4C0
#CEC6C0
#CBC9C0
#C9CBC0
#C6CEC0
#C4D0C0
#C1D3C0
#D1BFC4
#CEC2C4
#CBC5C4
#C7C9C4
#C4CCC4
#C1CFC4
#BDD3C4
#D2BAC8
#CEBEC8
#CAC2C8
#C6C6C8
#C2CAC8
#BECEC8
#B9D3C8
#D3B4CD
#CEB9CD
#C9BECD
#C4C3CD
#BFC8CD
#BACDCD
#B4D3CD
Colorpallet from #CDD3B4 to #B4CDD3 and to #B4D3CD
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#CDD3B4
#C9D2B9
#C9D2B9
#C9D2B9
#C9D2B9
#C9D3B8
#C9D3B8
#C9D3B8
#C5D1BE
#C5D1BE
#C5D2BD
#C5D2BD
#C5D2BD
#C5D3BC
#C5D3BC
#C1D0C3
#C1D0C3
#C1D1C2
#C1D1C2
#C1D2C1
#C1D2C1
#C1D3C0
#BDCFC8
#BDD0C7
#BDD0C7
#BDD1C6
#BDD2C5
#BDD2C5
#BDD3C4
#B9CECD
#B9CFCC
#B9D0CB
#B9D0CB
#B9D1CA
#B9D2C9
#B9D3C8
#B4CDD3
#B4CED2
#B4CFD1
#B4D0D0
#B4D1CF
#B4D2CE
#B4D3CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts