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 #CBD2BD to #CBBDD2 and to #D2CBBD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBCFC0
#CBCFC0
#CBD0BF
#CBD0BF
#CCD0BE
#CCD1BE
#CCD1BD
#CBCBC4
#CBCCC3
#CCCDC2
#CCCDC1
#CCCEC0
#CDCFBE
#CDD0BD
#CBC8C7
#CBC9C5
#CCCAC4
#CCCBC2
#CDCCC1
#CDCEBF
#CECFBD
#CBC5CA
#CCC6C8
#CCC8C6
#CDC9C4
#CECBC2
#CECCC0
#CFCEBD
#CBC1CE
#CCC3CB
#CDC5C9
#CEC6C6
#CFC8C3
#D0CAC0
#D1CCBD
#CBBDD2
#CCBFCF
#CDC1CB
#CEC4C8
#CFC6C5
#D1C8C1
#D2CBBD
Colorpallet from #CBD2BD to #CBBDD2 and to #D2BDCB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBCFC0
#CBCFC0
#CBCFC0
#CBCFC0
#CCCFBF
#CCCFBF
#CCCFBF
#CBCBC4
#CBCBC4
#CCCBC3
#CCCBC3
#CCCBC2
#CDCBC2
#CDCBC1
#CBC8C7
#CBC8C7
#CCC8C6
#CCC8C6
#CDC8C5
#CDC8C5
#CEC8C4
#CBC5CA
#CCC5C9
#CCC5C9
#CDC5C8
#CEC5C7
#CEC5C7
#CFC5C6
#CBC1CE
#CCC1CD
#CDC1CC
#CEC1CB
#CFC1CA
#D0C1C9
#D1C1C8
#CBBDD2
#CCBDD1
#CDBDD0
#CEBDCF
#CFBDCE
#D1BDCC
#D2BDCB
Colorpallet from #CBD2BD to #CBBDD2 and to #BDCBD2
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBCFC0
#CBCFC0
#CAD0C0
#CAD0C0
#CAD0C0
#C9D1C0
#C9D1C0
#CBCBC4
#CACCC4
#CACDC4
#C9CDC4
#C8CEC4
#C8CFC4
#C7D0C4
#CBC8C7
#CAC9C7
#C9CAC7
#C8CBC7
#C7CCC7
#C5CEC7
#C4CFC7
#CBC5CA
#CAC6CA
#C8C8CA
#C7C9CA
#C5CBCA
#C4CCCA
#C2CECA
#CBC1CE
#C9C3CE
#C7C5CE
#C6C6CE
#C4C8CE
#C2CACE
#C0CCCE
#CBBDD2
#C9BFD2
#C7C1D2
#C4C4D2
#C2C6D2
#C0C8D2
#BDCBD2
Colorpallet from #CBD2BD to #CBBDD2 and to #BDD2CB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBCFC0
#CBCFC0
#CAD0C0
#CAD0C0
#CAD1BF
#C9D1BF
#C9D2BF
#CBCBC4
#CACCC4
#CACDC3
#C9CEC3
#C8CFC2
#C8D1C2
#C7D2C1
#CBC8C7
#CACAC7
#C9CBC6
#C8CDC6
#C7CEC5
#C5D0C5
#C4D2C4
#CBC5CA
#CAC7C9
#C8C9C9
#C7CBC8
#C5CDC7
#C4CFC7
#C2D2C6
#CBC1CE
#C9C4CD
#C7C6CC
#C6C9CB
#C4CCCA
#C2CFC9
#C0D2C8
#CBBDD2
#C9C0D1
#C7C4D0
#C4C7CF
#C2CACE
#C0CECC
#BDD2CB
Colorpallet from #CBD2BD to #D2CBBD and to #D2BDCB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CCD1BD
#CCD1BD
#CCD0BE
#CCD0BE
#CCD0BE
#CCCFBF
#CCCFBF
#CDD0BD
#CDCFBE
#CDCEBE
#CDCEBF
#CDCDC0
#CDCCC0
#CDCBC1
#CECFBD
#CECEBE
#CECDBF
#CECCC0
#CECBC1
#CEC9C3
#CEC8C4
#CFCEBD
#CFCDBE
#CFCBC0
#CFCAC1
#CFC8C3
#CFC7C4
#CFC5C6
#D1CCBD
#D1CABF
#D1C8C1
#D1C7C2
#D1C5C4
#D1C3C6
#D1C1C8
#D2CBBD
#D2C9BF
#D2C7C1
#D2C4C4
#D2C2C6
#D2C0C8
#D2BDCB
Colorpallet from #CBD2BD to #D2CBBD and to #BDCBD2
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CCD1BD
#CCD1BD
#CBD1BE
#CBD1BE
#CAD1BF
#CAD1BF
#C9D1C0
#CDD0BD
#CCD0BE
#CBD0BF
#CAD0C0
#C9D0C1
#C8D0C3
#C7D0C4
#CECFBD
#CCCFBF
#CBCFC0
#C9CFC2
#C8CFC3
#C6CFC5
#C4CFC7
#CFCEBD
#CDCEBF
#CBCEC1
#C9CEC3
#C7CEC5
#C5CEC7
#C2CECA
#D1CCBD
#CECCC0
#CCCCC2
#C9CCC5
#C6CCC8
#C3CCCB
#C0CCCE
#D2CBBD
#CFCBC0
#CBCBC4
#C8CBC7
#C5CBCA
#C1CBCE
#BDCBD2
Colorpallet from #CBD2BD to #D2CBBD and to #BDD2CB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CCD1BD
#CCD1BD
#CBD1BE
#CBD1BE
#CAD2BE
#CAD2BF
#C9D2BF
#CDD0BD
#CCD0BE
#CBD1BE
#CAD1BF
#C9D1C0
#C8D2C0
#C7D2C1
#CECFBD
#CCCFBE
#CBD0BF
#C9D0C0
#C8D1C1
#C6D1C3
#C4D2C4
#CFCEBD
#CDCFBE
#CBCFC0
#C9D0C1
#C7D1C3
#C5D1C4
#C2D2C6
#D1CCBD
#CECDBF
#CCCEC1
#C9CFC2
#C6D0C4
#C3D1C6
#C0D2C8
#D2CBBD
#CFCCBF
#CBCDC1
#C8CEC4
#C5CFC6
#C1D1C8
#BDD2CB
Colorpallet from #CBD2BD to #D2BDCB and to #BDCBD2
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CCCFBF
#CCCFBF
#CBD0BF
#CBD0BF
#CAD0C0
#CAD1C0
#C9D1C0
#CDCBC1
#CCCCC1
#CBCDC2
#CACDC2
#C9CEC3
#C8CFC3
#C7D0C4
#CEC8C4
#CCC9C4
#CBCAC5
#C9CBC5
#C8CCC6
#C6CEC6
#C4CFC7
#CFC5C6
#CDC6C7
#CBC8C7
#C9C9C8
#C7CBC9
#C5CCC9
#C2CECA
#D1C1C8
#CEC3C9
#CCC5CA
#C9C6CB
#C6C8CC
#C3CACD
#C0CCCE
#D2BDCB
#CFBFCC
#CBC1CD
#C8C4CE
#C5C6CF
#C1C8D1
#BDCBD2
Colorpallet from #CBD2BD to #D2BDCB and to #BDD2CB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CCCFBF
#CCCFBF
#CBD0BF
#CBD0BF
#CAD1BF
#CAD1BF
#C9D2BF
#CDCBC1
#CCCCC1
#CBCDC1
#CACEC1
#C9CFC1
#C8D1C1
#C7D2C1
#CEC8C4
#CCCAC4
#CBCBC4
#C9CDC4
#C8CEC4
#C6D0C4
#C4D2C4
#CFC5C6
#CDC7C6
#CBC9C6
#C9CBC6
#C7CDC6
#C5CFC6
#C2D2C6
#D1C1C8
#CEC4C8
#CCC6C8
#C9C9C8
#C6CCC8
#C3CFC8
#C0D2C8
#D2BDCB
#CFC0CB
#CBC4CB
#C8C7CB
#C5CACB
#C1CECB
#BDD2CB
Colorpallet from #CBD2BD to #BDCBD2 and to #BDD2CB
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#CBD2BD
#C9D1C0
#C9D1C0
#C9D1C0
#C9D1C0
#C9D2BF
#C9D2BF
#C9D2BF
#C7D0C4
#C7D0C4
#C7D1C3
#C7D1C3
#C7D1C2
#C7D2C2
#C7D2C1
#C4CFC7
#C4CFC7
#C4D0C6
#C4D0C6
#C4D1C5
#C4D1C5
#C4D2C4
#C2CECA
#C2CFC9
#C2CFC9
#C2D0C8
#C2D1C7
#C2D1C7
#C2D2C6
#C0CCCE
#C0CDCD
#C0CECC
#C0CFCB
#C0D0CA
#C0D1C9
#C0D2C8
#BDCBD2
#BDCCD1
#BDCDD0
#BDCECF
#BDCFCE
#BDD1CC
#BDD2CB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
