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 #BDC2DD to #BDDDC2 and to #C2BDDD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC6D9
#BDC5DA
#BDC4DA
#BDC4DB
#BEC3DC
#BEC2DC
#BEC1DD
#BDCBD4
#BDC9D5
#BEC7D7
#BEC6D8
#BEC4DA
#BFC2DB
#BFC0DD
#BDCFD0
#BDCDD2
#BECAD4
#BEC8D6
#BEC5D8
#BFC3DA
#BFC0DD
#BDD3CC
#BDD0CF
#BECDD1
#BEC9D4
#BFC6D7
#BFC3DA
#C0BFDD
#BDD8C7
#BED4CB
#BED0CE
#BFCCD2
#C0C7D5
#C0C3D9
#C1BEDD
#BDDDC2
#BED8C6
#BFD3CB
#BFCECF
#C0C9D3
#C1C3D8
#C2BDDD
Colorpallet from #BDC2DD to #BDDDC2 and to #C2DDBD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC6D9
#BDC6D9
#BDC6D9
#BDC6D9
#BEC6D8
#BEC6D8
#BEC6D8
#BDCBD4
#BDCBD4
#BECBD4
#BECBD4
#BECBD3
#BFCBD3
#BFCBD3
#BDCFD0
#BDCFD0
#BECFCF
#BECFCF
#BECFCF
#BFCFCE
#BFCFCE
#BDD3CC
#BDD3CC
#BED3CB
#BED3CB
#BFD3CA
#BFD3CA
#C0D3C9
#BDD8C7
#BED8C6
#BED8C6
#BFD8C5
#C0D8C4
#C0D8C4
#C1D8C3
#BDDDC2
#BEDDC1
#BFDDC0
#BFDDC0
#C0DDBF
#C1DDBE
#C2DDBD
Colorpallet from #BDC2DD to #BDDDC2 and to #DDBDC2
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC6D9
#BEC5D9
#BFC4D9
#BFC4D9
#C0C3D9
#C1C2D9
#C2C1D9
#BDCBD4
#BFC9D4
#C0C7D4
#C2C6D4
#C3C4D4
#C5C2D4
#C7C0D4
#BDCFD0
#BFCDD0
#C2CAD0
#C4C8D0
#C7C5D0
#C9C3D0
#CCC0D0
#BDD3CC
#C0D0CC
#C3CDCC
#C7C9CC
#CAC6CC
#CDC3CC
#D1BFCC
#BDD8C7
#C1D4C7
#C5D0C7
#C9CCC7
#CEC7C7
#D2C3C7
#D7BEC7
#BDDDC2
#C2D8C2
#C7D3C2
#CCCEC2
#D1C9C2
#D7C3C2
#DDBDC2
Colorpallet from #BDC2DD to #BDDDC2 and to #DDC2BD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC6D9
#BEC5D9
#BFC5D9
#BFC4D9
#C0C3D8
#C1C3D8
#C2C2D8
#BDCBD4
#BFCAD4
#C0C8D4
#C2C7D4
#C3C5D3
#C5C4D3
#C7C2D3
#BDCFD0
#BFCDD0
#C2CBCF
#C4C9CF
#C7C7CF
#C9C5CE
#CCC2CE
#BDD3CC
#C0D0CC
#C3CECB
#C7CBCB
#CAC8CA
#CDC5CA
#D1C2C9
#BDD8C7
#C1D4C6
#C5D1C6
#C9CDC5
#CECAC4
#D2C6C4
#D7C2C3
#BDDDC2
#C2D9C1
#C7D4C0
#CCD0C0
#D1CCBF
#D7C7BE
#DDC2BD
Colorpallet from #BDC2DD to #C2BDDD and to #C2DDBD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BEC1DD
#BEC2DC
#BEC3DB
#BEC3DB
#BEC4DA
#BEC5D9
#BEC6D8
#BFC0DD
#BFC2DB
#BFC4DA
#BFC5D8
#BFC7D7
#BFC9D5
#BFCBD3
#BFC0DD
#BFC2DB
#BFC5D8
#BFC7D6
#BFCAD3
#BFCCD1
#BFCFCE
#C0BFDD
#C0C2DA
#C0C5D7
#C0C9D3
#C0CCD0
#C0CFCD
#C0D3C9
#C1BEDD
#C1C2D9
#C1C6D5
#C1CAD1
#C1CFCC
#C1D3C8
#C1D8C3
#C2BDDD
#C2C2D8
#C2C7D3
#C2CCCE
#C2D1C9
#C2D7C3
#C2DDBD
Colorpallet from #BDC2DD to #C2BDDD and to #DDBDC2
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BEC1DD
#BFC1DC
#BFC1DC
#C0C1DB
#C1C1DA
#C1C1DA
#C2C1D9
#BFC0DD
#C0C0DC
#C2C0DA
#C3C0D9
#C4C0D7
#C5C0D6
#C7C0D4
#BFC0DD
#C1C0DB
#C3C0D9
#C5C0D7
#C7C0D5
#C9C0D3
#CCC0D0
#C0BFDD
#C3BFDA
#C5BFD8
#C8BFD5
#CBBFD2
#CEBFCF
#D1BFCC
#C1BEDD
#C5BED9
#C8BED6
#CCBED2
#CFBECF
#D3BECB
#D7BEC7
#C2BDDD
#C6BDD9
#CBBDD4
#CFBDD0
#D3BDCC
#D8BDC7
#DDBDC2
Colorpallet from #BDC2DD to #C2BDDD and to #DDC2BD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BEC1DD
#BFC1DC
#BFC1DB
#C0C1DB
#C1C2DA
#C1C2D9
#C2C2D8
#BFC0DD
#C0C0DB
#C2C1DA
#C3C1D8
#C4C1D7
#C5C2D5
#C7C2D3
#BFC0DD
#C1C0DB
#C3C1D8
#C5C1D6
#C7C1D3
#C9C2D1
#CCC2CE
#C0BFDD
#C3BFDA
#C5C0D7
#C8C0D3
#CBC1D0
#CEC1CD
#D1C2C9
#C1BEDD
#C5BFD9
#C8BFD5
#CCC0D1
#CFC1CC
#D3C1C8
#D7C2C3
#C2BDDD
#C6BED8
#CBBFD3
#CFBFCE
#D3C0C9
#D8C1C3
#DDC2BD
Colorpallet from #BDC2DD to #C2DDBD and to #DDBDC2
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BEC6D8
#BFC5D8
#BFC4D8
#C0C4D8
#C1C3D9
#C1C2D9
#C2C1D9
#BFCBD3
#C0C9D3
#C2C7D3
#C3C6D3
#C4C4D4
#C5C2D4
#C7C0D4
#BFCFCE
#C1CDCE
#C3CACF
#C5C8CF
#C7C5CF
#C9C3D0
#CCC0D0
#C0D3C9
#C3D0C9
#C5CDCA
#C8C9CA
#CBC6CB
#CEC3CB
#D1BFCC
#C1D8C3
#C5D4C4
#C8D0C4
#CCCCC5
#CFC7C6
#D3C3C6
#D7BEC7
#C2DDBD
#C6D8BE
#CBD3BF
#CFCEBF
#D3C9C0
#D8C3C1
#DDBDC2
Colorpallet from #BDC2DD to #C2DDBD and to #DDC2BD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BEC6D8
#BFC5D8
#BFC5D8
#C0C4D8
#C1C3D8
#C1C3D8
#C2C2D8
#BFCBD3
#C0CAD3
#C2C8D3
#C3C7D3
#C4C5D3
#C5C4D3
#C7C2D3
#BFCFCE
#C1CDCE
#C3CBCE
#C5C9CE
#C7C7CE
#C9C5CE
#CCC2CE
#C0D3C9
#C3D0C9
#C5CEC9
#C8CBC9
#CBC8C9
#CEC5C9
#D1C2C9
#C1D8C3
#C5D4C3
#C8D1C3
#CCCDC3
#CFCAC3
#D3C6C3
#D7C2C3
#C2DDBD
#C6D9BD
#CBD4BD
#CFD0BD
#D3CCBD
#D8C7BD
#DDC2BD
Colorpallet from #BDC2DD to #DDBDC2 and to #DDC2BD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#BDC2DD
#C2C1D9
#C2C1D9
#C2C1D9
#C2C1D9
#C2C2D8
#C2C2D8
#C2C2D8
#C7C0D4
#C7C0D4
#C7C1D4
#C7C1D4
#C7C1D3
#C7C2D3
#C7C2D3
#CCC0D0
#CCC0D0
#CCC1CF
#CCC1CF
#CCC1CF
#CCC2CE
#CCC2CE
#D1BFCC
#D1BFCC
#D1C0CB
#D1C0CB
#D1C1CA
#D1C1CA
#D1C2C9
#D7BEC7
#D7BFC6
#D7BFC6
#D7C0C5
#D7C1C4
#D7C1C4
#D7C2C3
#DDBDC2
#DDBEC1
#DDBFC0
#DDBFC0
#DDC0BF
#DDC1BE
#DDC2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts