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 #BDC5DA to #BDDAC5 and to #C5BDDA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC8D7
#BDC7D7
#BDC7D8
#BDC6D8
#BEC5D9
#BEC5D9
#BEC4DA
#BDCCD3
#BDCAD4
#BEC9D5
#BEC7D6
#BFC6D7
#BFC4D9
#C0C2DA
#BDCFD0
#BECDD2
#BECBD3
#BFC8D5
#C0C6D6
#C0C4D8
#C1C1DA
#BDD2CD
#BECFCF
#BFCCD1
#BFC9D3
#C0C6D5
#C1C4D7
#C2C0DA
#BDD6C9
#BED2CC
#BFCFCE
#C0CBD1
#C1C7D4
#C2C4D7
#C3BFDA
#BDDAC5
#BED5C8
#C0D1CC
#C1CCCF
#C2C7D2
#C3C3D6
#C5BDDA
Colorpallet from #BDC5DA to #BDDAC5 and to #C5DABD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC8D7
#BDC8D7
#BDC8D6
#BDC8D6
#BEC8D6
#BEC8D5
#BEC8D5
#BDCCD3
#BDCCD3
#BECCD2
#BECCD2
#BFCCD2
#BFCCD1
#C0CCD1
#BDCFD0
#BECFCF
#BECFCF
#BFCFCE
#C0CFCD
#C0CFCD
#C1CFCC
#BDD2CD
#BED2CC
#BFD2CB
#BFD2CA
#C0D2C9
#C1D2C8
#C2D2C7
#BDD6C9
#BED6C8
#BFD6C7
#C0D6C6
#C1D6C5
#C2D6C4
#C3D6C3
#BDDAC5
#BEDAC4
#C0DAC2
#C1DAC1
#C2DAC0
#C3DABF
#C5DABD
Colorpallet from #BDC5DA to #BDDAC5 and to #DABDC5
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC8D7
#BEC7D7
#BFC7D7
#BFC6D7
#C0C5D7
#C1C5D7
#C2C4D7
#BDCCD3
#BECAD3
#C0C9D3
#C1C7D3
#C3C6D3
#C4C4D3
#C6C2D3
#BDCFD0
#BFCDD0
#C1CBD0
#C4C8D0
#C6C6D0
#C8C4D0
#CBC1D0
#BDD2CD
#C0CFCD
#C3CCCD
#C6C9CD
#C9C6CD
#CCC4CD
#D0C0CD
#BDD6C9
#C1D2C9
#C4CFC9
#C8CBC9
#CCC7C9
#CFC4C9
#D4BFC9
#BDDAC5
#C2D5C5
#C6D1C5
#CBCCC5
#D0C7C5
#D4C3C5
#DABDC5
Colorpallet from #BDC5DA to #BDDAC5 and to #DAC5BD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC8D7
#BEC8D7
#BFC7D6
#BFC7D6
#C0C6D6
#C1C6D5
#C2C5D5
#BDCCD3
#BECBD3
#C0CAD2
#C1C9D2
#C3C8D2
#C4C6D1
#C6C5D1
#BDCFD0
#BFCDCF
#C1CCCF
#C4CACE
#C6C9CD
#C8C7CD
#CBC5CC
#BDD2CD
#C0D0CC
#C3CECB
#C6CCCA
#C9CAC9
#CCC8C8
#D0C5C7
#BDD6C9
#C1D3C8
#C4D1C7
#C8CEC6
#CCCBC5
#CFC8C4
#D4C5C3
#BDDAC5
#C2D7C4
#C6D3C2
#CBD0C1
#D0CDC0
#D4C9BF
#DAC5BD
Colorpallet from #BDC5DA to #C5BDDA and to #C5DABD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BEC4DA
#BEC5D9
#BEC5D8
#BEC6D8
#BEC7D7
#BEC7D6
#BEC8D5
#C0C2DA
#C0C4D9
#C0C5D7
#C0C7D6
#C0C8D4
#C0CAD3
#C0CCD1
#C1C1DA
#C1C3D8
#C1C5D6
#C1C8D3
#C1CAD1
#C1CCCF
#C1CFCC
#C2C0DA
#C2C3D7
#C2C6D4
#C2C9D1
#C2CCCE
#C2CECB
#C2D2C7
#C3BFDA
#C3C3D6
#C3C6D3
#C3CACF
#C3CECB
#C3D1C8
#C3D6C3
#C5BDDA
#C5C2D5
#C5C6D1
#C5CBCC
#C5D0C7
#C5D4C3
#C5DABD
Colorpallet from #BDC5DA to #C5BDDA and to #DABDC5
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BEC4DA
#BFC4DA
#BFC4D9
#C0C4D9
#C1C4D8
#C1C4D8
#C2C4D7
#C0C2DA
#C1C2D9
#C2C2D8
#C3C2D7
#C4C2D6
#C5C2D4
#C6C2D3
#C1C1DA
#C3C1D8
#C4C1D7
#C6C1D5
#C7C1D4
#C9C1D2
#CBC1D0
#C2C0DA
#C4C0D8
#C6C0D6
#C9C0D4
#CBC0D2
#CDC0D0
#D0C0CD
#C3BFDA
#C6BFD7
#C8BFD5
#CBBFD2
#CEBFCF
#D1BFCC
#D4BFC9
#C5BDDA
#C8BDD7
#CCBDD3
#CFBDD0
#D2BDCD
#D6BDC9
#DABDC5
Colorpallet from #BDC5DA to #C5BDDA and to #DAC5BD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BEC4DA
#BFC4D9
#BFC4D8
#C0C4D8
#C1C5D7
#C1C5D6
#C2C5D5
#C0C2DA
#C1C2D9
#C2C3D7
#C3C3D6
#C4C4D4
#C5C4D3
#C6C5D1
#C1C1DA
#C3C2D8
#C4C2D6
#C6C3D3
#C7C4D1
#C9C4CF
#CBC5CC
#C2C0DA
#C4C1D7
#C6C2D4
#C9C2D1
#CBC3CE
#CDC4CB
#D0C5C7
#C3BFDA
#C6C0D6
#C8C1D3
#CBC2CF
#CEC3CB
#D1C4C8
#D4C5C3
#C5BDDA
#C8BED5
#CCC0D1
#CFC1CC
#D2C2C7
#D6C3C3
#DAC5BD
Colorpallet from #BDC5DA to #C5DABD and to #DABDC5
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BEC8D5
#BFC7D5
#BFC7D6
#C0C6D6
#C1C5D6
#C1C5D7
#C2C4D7
#C0CCD1
#C1CAD1
#C2C9D2
#C3C7D2
#C4C6D2
#C5C4D3
#C6C2D3
#C1CFCC
#C3CDCD
#C4CBCD
#C6C8CE
#C7C6CF
#C9C4CF
#CBC1D0
#C2D2C7
#C4CFC8
#C6CCC9
#C9C9CA
#CBC6CB
#CDC4CC
#D0C0CD
#C3D6C3
#C6D2C4
#C8CFC5
#CBCBC6
#CEC7C7
#D1C4C8
#D4BFC9
#C5DABD
#C8D5BE
#CCD1C0
#CFCCC1
#D2C7C2
#D6C3C3
#DABDC5
Colorpallet from #BDC5DA to #C5DABD and to #DAC5BD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BEC8D5
#BFC8D5
#BFC7D5
#C0C7D5
#C1C6D5
#C1C6D5
#C2C5D5
#C0CCD1
#C1CBD1
#C2CAD1
#C3C9D1
#C4C8D1
#C5C6D1
#C6C5D1
#C1CFCC
#C3CDCC
#C4CCCC
#C6CACC
#C7C9CC
#C9C7CC
#CBC5CC
#C2D2C7
#C4D0C7
#C6CEC7
#C9CCC7
#CBCAC7
#CDC8C7
#D0C5C7
#C3D6C3
#C6D3C3
#C8D1C3
#CBCEC3
#CECBC3
#D1C8C3
#D4C5C3
#C5DABD
#C8D7BD
#CCD3BD
#CFD0BD
#D2CDBD
#D6C9BD
#DAC5BD
Colorpallet from #BDC5DA to #DABDC5 and to #DAC5BD
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#BDC5DA
#C2C4D7
#C2C4D7
#C2C4D6
#C2C4D6
#C2C5D6
#C2C5D5
#C2C5D5
#C6C2D3
#C6C2D3
#C6C3D2
#C6C3D2
#C6C4D2
#C6C4D1
#C6C5D1
#CBC1D0
#CBC2CF
#CBC2CF
#CBC3CE
#CBC4CD
#CBC4CD
#CBC5CC
#D0C0CD
#D0C1CC
#D0C2CB
#D0C2CA
#D0C3C9
#D0C4C8
#D0C5C7
#D4BFC9
#D4C0C8
#D4C1C7
#D4C2C6
#D4C3C5
#D4C4C4
#D4C5C3
#DABDC5
#DABEC4
#DAC0C2
#DAC1C1
#DAC2C0
#DAC3BF
#DAC5BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts