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 #CCBDD1 to #CCD1BD and to #BDCCD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCC0CE
#CCC0CE
#CBC0CF
#CBC0CF
#CBBFD0
#CABFD0
#CABFD1
#CCC3CB
#CBC3CC
#CAC3CD
#CAC3CE
#C9C2CF
#C8C2D0
#C7C2D1
#CCC7C7
#CBC7C9
#CAC6CA
#C9C6CC
#C8C5CD
#C6C5CF
#C5C4D1
#CCCAC4
#CACAC6
#C9C9C8
#C7C9CA
#C6C8CC
#C4C8CE
#C2C7D1
#CCCDC1
#CACCC4
#C8CCC6
#C6CBC9
#C4CACB
#C2CACE
#C0C9D1
#CCD1BD
#CAD0C0
#C7CFC3
#C5CFC7
#C2CECA
#C0CDCD
#BDCCD1
Colorpallet from #CCBDD1 to #CCD1BD and to #BDD1CC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCC0CE
#CCC0CE
#CBC0CF
#CBC0CF
#CBC0CF
#CAC0D0
#CAC0D0
#CCC3CB
#CBC3CC
#CAC3CC
#CAC3CD
#C9C3CE
#C8C3CE
#C7C3CF
#CCC7C7
#CBC7C8
#CAC7CA
#C9C7CB
#C8C7CC
#C6C7CD
#C5C7CF
#CCCAC4
#CACAC6
#C9CAC7
#C7CAC9
#C6CACA
#C4CACC
#C2CACE
#CCCDC1
#CACDC3
#C8CDC5
#C6CDC7
#C4CDC9
#C2CDCB
#C0CDCD
#CCD1BD
#CAD1BF
#C7D1C2
#C5D1C4
#C2D1C7
#C0D1C9
#BDD1CC
Colorpallet from #CCBDD1 to #CCD1BD and to #D1CCBD
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCC0CE
#CCC0CE
#CCC0CE
#CCC0CE
#CDBFCE
#CDBFCE
#CDBFCE
#CCC3CB
#CCC3CB
#CDC3CB
#CDC3CB
#CDC2CB
#CEC2CB
#CEC2CB
#CCC7C7
#CCC7C7
#CDC6C7
#CDC6C7
#CDC5C7
#CEC5C7
#CEC4C7
#CCCAC4
#CCCAC4
#CDC9C4
#CDC9C4
#CEC8C4
#CEC8C4
#CFC7C4
#CCCDC1
#CDCCC1
#CDCCC1
#CECBC1
#CFCAC1
#CFCAC1
#D0C9C1
#CCD1BD
#CDD0BD
#CECFBD
#CECFBD
#CFCEBD
#D0CDBD
#D1CCBD
Colorpallet from #CCBDD1 to #CCD1BD and to #D1BDCC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCC0CE
#CCC0CE
#CCBFCF
#CCBFCF
#CDBECF
#CDBED0
#CDBDD0
#CCC3CB
#CCC2CC
#CDC1CC
#CDC0CD
#CDBFCE
#CEBECE
#CEBDCF
#CCC7C7
#CCC5C8
#CDC4CA
#CDC2CB
#CDC1CC
#CEBFCD
#CEBDCF
#CCCAC4
#CCC8C6
#CDC6C7
#CDC4C9
#CEC2CA
#CEC0CC
#CFBDCE
#CCCDC1
#CDCAC3
#CDC8C5
#CEC5C7
#CFC3C9
#CFC0CB
#D0BDCD
#CCD1BD
#CDCEBF
#CECBC2
#CEC7C4
#CFC4C7
#D0C1C9
#D1BDCC
Colorpallet from #CCBDD1 to #BDCCD1 and to #BDD1CC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CABFD1
#CABFD1
#CABFD1
#CABFD1
#CAC0D0
#CAC0D0
#CAC0D0
#C7C2D1
#C7C2D1
#C7C2D0
#C7C2D0
#C7C3D0
#C7C3CF
#C7C3CF
#C5C4D1
#C5C4D1
#C5C5D0
#C5C5D0
#C5C6D0
#C5C6CF
#C5C7CF
#C2C7D1
#C2C7D1
#C2C8D0
#C2C8D0
#C2C9CF
#C2C9CF
#C2CACE
#C0C9D1
#C0CAD0
#C0CAD0
#C0CBCF
#C0CCCE
#C0CCCE
#C0CDCD
#BDCCD1
#BDCDD0
#BDCECF
#BDCECF
#BDCFCE
#BDD0CD
#BDD1CC
Colorpallet from #CCBDD1 to #BDCCD1 and to #D1CCBD
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CABFD1
#CABFD1
#CBBFD0
#CBBFD0
#CCBFCF
#CCBFCF
#CDBFCE
#C7C2D1
#C8C2D0
#C9C2CF
#CAC2CE
#CBC2CD
#CDC2CC
#CEC2CB
#C5C4D1
#C6C4CF
#C8C4CE
#C9C4CC
#CBC4CB
#CCC4C9
#CEC4C7
#C2C7D1
#C4C7CF
#C6C7CD
#C8C7CB
#CAC7C9
#CCC7C7
#CFC7C4
#C0C9D1
#C3C9CE
#C5C9CC
#C8C9C9
#CAC9C7
#CDC9C4
#D0C9C1
#BDCCD1
#C0CCCE
#C3CCCB
#C7CCC7
#CACCC4
#CDCCC1
#D1CCBD
Colorpallet from #CCBDD1 to #BDCCD1 and to #D1BDCC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CABFD1
#CABFD1
#CBBED1
#CBBED1
#CCBED0
#CCBDD0
#CDBDD0
#C7C2D1
#C8C1D1
#C9C0D0
#CAC0D0
#CBBFD0
#CDBECF
#CEBDCF
#C5C4D1
#C6C3D1
#C8C2D0
#C9C1D0
#CBC0D0
#CCBECF
#CEBDCF
#C2C7D1
#C4C5D1
#C6C4D0
#C8C2D0
#CAC1CF
#CCBFCF
#CFBDCE
#C0C9D1
#C3C7D0
#C5C5D0
#C8C3CF
#CAC1CE
#CDBFCE
#D0BDCD
#BDCCD1
#C0CAD0
#C3C7CF
#C7C5CF
#CAC2CE
#CDC0CD
#D1BDCC
Colorpallet from #CCBDD1 to #BDD1CC and to #D1CCBD
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CAC0D0
#CAC0D0
#CBC0CF
#CBC0CF
#CCBFCF
#CCBFCE
#CDBFCE
#C7C3CF
#C8C3CE
#C9C3CE
#CAC3CD
#CBC2CC
#CDC2CC
#CEC2CB
#C5C7CF
#C6C7CE
#C8C6CC
#C9C6CB
#CBC5CA
#CCC5C9
#CEC4C7
#C2CACE
#C4CACC
#C6C9CB
#C8C9C9
#CAC8C8
#CCC8C6
#CFC7C4
#C0CDCD
#C3CCCB
#C5CCC9
#C8CBC7
#CACAC5
#CDCAC3
#D0C9C1
#BDD1CC
#C0D0CA
#C3CFC7
#C7CFC5
#CACEC2
#CDCDC0
#D1CCBD
Colorpallet from #CCBDD1 to #BDD1CC and to #D1BDCC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CAC0D0
#CAC0D0
#CBBFD0
#CBBFD0
#CCBED0
#CCBED0
#CDBDD0
#C7C3CF
#C8C2CF
#C9C1CF
#CAC0CF
#CBBFCF
#CDBECF
#CEBDCF
#C5C7CF
#C6C5CF
#C8C4CF
#C9C2CF
#CBC1CF
#CCBFCF
#CEBDCF
#C2CACE
#C4C8CE
#C6C6CE
#C8C4CE
#CAC2CE
#CCC0CE
#CFBDCE
#C0CDCD
#C3CACD
#C5C8CD
#C8C5CD
#CAC3CD
#CDC0CD
#D0BDCD
#BDD1CC
#C0CECC
#C3CBCC
#C7C7CC
#CAC4CC
#CDC1CC
#D1BDCC
Colorpallet from #CCBDD1 to #D1CCBD and to #D1BDCC
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CCBDD1
#CDBFCE
#CDBFCE
#CDBECF
#CDBECF
#CDBECF
#CDBDD0
#CDBDD0
#CEC2CB
#CEC1CC
#CEC0CC
#CEC0CD
#CEBFCE
#CEBECE
#CEBDCF
#CEC4C7
#CEC3C8
#CEC2CA
#CEC1CB
#CEC0CC
#CEBECD
#CEBDCF
#CFC7C4
#CFC5C6
#CFC4C7
#CFC2C9
#CFC1CA
#CFBFCC
#CFBDCE
#D0C9C1
#D0C7C3
#D0C5C5
#D0C3C7
#D0C1C9
#D0BFCB
#D0BDCD
#D1CCBD
#D1CABF
#D1C7C2
#D1C5C4
#D1C2C7
#D1C0C9
#D1BDCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts