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 #BDDCC3 to #BDC3DC and to #DCBDC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDD8C7
#BED8C6
#BFD8C6
#BFD8C5
#C0D7C4
#C1D7C4
#C2D7C3
#BDD4CB
#BFD4CA
#C0D3C8
#C2D3C7
#C3D3C6
#C5D2C5
#C7D2C3
#BDD0CF
#BFD0CD
#C2CFCB
#C4CFC9
#C7CEC7
#C9CEC5
#CCCDC3
#BDCCD3
#C0CBD0
#C3CBCE
#C7CACB
#CAC9C9
#CDC9C6
#D1C8C3
#BDC8D7
#C1C7D4
#C5C6D1
#C9C6CD
#CDC5CA
#D1C4C7
#D6C3C3
#BDC3DC
#C2C2D8
#C7C1D4
#CCC0D0
#D1BFCC
#D6BEC8
#DCBDC3
Colorpallet from #BDDCC3 to #BDC3DC and to #DCC3BD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDD8C7
#BED8C6
#BFD8C5
#BFD8C5
#C0D8C4
#C1D8C3
#C2D8C2
#BDD4CB
#BFD4C9
#C0D4C8
#C2D4C6
#C3D4C5
#C5D4C3
#C7D4C1
#BDD0CF
#BFD0CD
#C2D0CA
#C4D0C8
#C7D0C5
#C9D0C3
#CCD0C0
#BDCCD3
#C0CCD0
#C3CCCD
#C7CCC9
#CACCC6
#CDCCC3
#D1CCBF
#BDC8D7
#C1C8D3
#C5C8CF
#C9C8CB
#CDC8C7
#D1C8C3
#D6C8BE
#BDC3DC
#C2C3D7
#C7C3D2
#CCC3CD
#D1C3C8
#D6C3C3
#DCC3BD
Colorpallet from #BDDCC3 to #BDC3DC and to #C3BDDC
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDD8C7
#BDD8C7
#BDD8C7
#BDD8C7
#BED7C7
#BED7C7
#BED7C7
#BDD4CB
#BDD4CB
#BED3CB
#BED3CB
#BED3CB
#BFD2CB
#BFD2CB
#BDD0CF
#BDD0CF
#BECFCF
#BECFCF
#BFCECF
#BFCECF
#C0CDCF
#BDCCD3
#BECBD3
#BECBD3
#BFCAD3
#C0C9D3
#C0C9D3
#C1C8D3
#BDC8D7
#BEC7D7
#BFC6D7
#BFC6D7
#C0C5D7
#C1C4D7
#C2C3D7
#BDC3DC
#BEC2DC
#BFC1DC
#C0C0DC
#C1BFDC
#C2BEDC
#C3BDDC
Colorpallet from #BDDCC3 to #BDC3DC and to #C3DCBD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDD8C7
#BDD9C6
#BDD9C5
#BDDAC5
#BEDBC4
#BEDBC3
#BEDCC2
#BDD4CB
#BDD5C9
#BED7C8
#BED8C6
#BED9C5
#BFDAC3
#BFDCC1
#BDD0CF
#BDD2CD
#BED4CA
#BED6C8
#BFD8C5
#BFDAC3
#C0DCC0
#BDCCD3
#BECFD0
#BED1CD
#BFD4C9
#C0D6C6
#C0D9C3
#C1DCBF
#BDC8D7
#BECBD3
#BFCECF
#BFD2CB
#C0D5C7
#C1D8C3
#C2DCBE
#BDC3DC
#BEC7D7
#BFCBD2
#C0CFCD
#C1D3C8
#C2D7C3
#C3DCBD
Colorpallet from #BDDCC3 to #DCBDC3 and to #DCC3BD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#C2D7C3
#C2D7C3
#C2D7C3
#C2D7C3
#C2D8C2
#C2D8C2
#C2D8C2
#C7D2C3
#C7D2C3
#C7D3C2
#C7D3C2
#C7D3C2
#C7D4C1
#C7D4C1
#CCCDC3
#CCCDC3
#CCCEC2
#CCCEC2
#CCCFC1
#CCCFC1
#CCD0C0
#D1C8C3
#D1C9C2
#D1C9C2
#D1CAC1
#D1CBC0
#D1CBC0
#D1CCBF
#D6C3C3
#D6C4C2
#D6C5C1
#D6C5C1
#D6C6C0
#D6C7BF
#D6C8BE
#DCBDC3
#DCBEC2
#DCBFC1
#DCC0C0
#DCC1BF
#DCC2BE
#DCC3BD
Colorpallet from #BDDCC3 to #DCBDC3 and to #C3BDDC
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#C2D7C3
#C1D7C4
#C1D7C4
#C0D7C5
#BFD7C6
#BFD7C6
#BED7C7
#C7D2C3
#C6D2C4
#C4D2C6
#C3D2C7
#C2D2C8
#C1D2C9
#BFD2CB
#CCCDC3
#CACDC5
#C8CDC7
#C6CDC9
#C4CDCB
#C2CDCD
#C0CDCF
#D1C8C3
#CEC8C6
#CCC8C8
#C9C8CB
#C7C8CD
#C4C8D0
#C1C8D3
#D6C3C3
#D3C3C6
#D0C3C9
#CCC3CD
#C9C3D0
#C6C3D3
#C2C3D7
#DCBDC3
#D8BDC7
#D4BDCB
#D0BDCF
#CCBDD3
#C8BDD7
#C3BDDC
Colorpallet from #BDDCC3 to #DCBDC3 and to #C3DCBD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#C2D7C3
#C1D8C3
#C1D9C3
#C0D9C3
#BFDAC2
#BFDBC2
#BEDCC2
#C7D2C3
#C6D4C3
#C4D5C2
#C3D7C2
#C2D8C2
#C1DAC1
#BFDCC1
#CCCDC3
#CACFC3
#C8D2C2
#C6D4C2
#C4D7C1
#C2D9C1
#C0DCC0
#D1C8C3
#CECBC2
#CCCEC2
#C9D2C1
#C7D5C0
#C4D8C0
#C1DCBF
#D6C3C3
#D3C7C2
#D0CBC1
#CCCFC1
#C9D3C0
#C6D7BF
#C2DCBE
#DCBDC3
#D8C2C2
#D4C7C1
#D0CCC0
#CCD1BF
#C8D6BE
#C3DCBD
Colorpallet from #BDDCC3 to #DCC3BD and to #C3BDDC
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#C2D8C2
#C1D8C3
#C1D8C4
#C0D8C4
#BFD7C5
#BFD7C6
#BED7C7
#C7D4C1
#C6D4C3
#C4D3C4
#C3D3C6
#C2D3C7
#C1D2C9
#BFD2CB
#CCD0C0
#CAD0C2
#C8CFC5
#C6CFC7
#C4CECA
#C2CECC
#C0CDCF
#D1CCBF
#CECBC2
#CCCBC5
#C9CAC9
#C7C9CC
#C4C9CF
#C1C8D3
#D6C8BE
#D3C7C2
#D0C6C6
#CCC6CA
#C9C5CE
#C6C4D2
#C2C3D7
#DCC3BD
#D8C2C2
#D4C1C7
#D0C0CC
#CCBFD1
#C8BED6
#C3BDDC
Colorpallet from #BDDCC3 to #DCC3BD and to #C3DCBD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#C2D8C2
#C1D9C2
#C1D9C2
#C0DAC2
#BFDBC2
#BFDBC2
#BEDCC2
#C7D4C1
#C6D5C1
#C4D7C1
#C3D8C1
#C2D9C1
#C1DAC1
#BFDCC1
#CCD0C0
#CAD2C0
#C8D4C0
#C6D6C0
#C4D8C0
#C2DAC0
#C0DCC0
#D1CCBF
#CECFBF
#CCD1BF
#C9D4BF
#C7D6BF
#C4D9BF
#C1DCBF
#D6C8BE
#D3CBBE
#D0CEBE
#CCD2BE
#C9D5BE
#C6D8BE
#C2DCBE
#DCC3BD
#D8C7BD
#D4CBBD
#D0CFBD
#CCD3BD
#C8D7BD
#C3DCBD
Colorpallet from #BDDCC3 to #C3BDDC and to #C3DCBD
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BDDCC3
#BED7C7
#BED8C6
#BED9C5
#BED9C5
#BEDAC4
#BEDBC3
#BEDCC2
#BFD2CB
#BFD4C9
#BFD5C8
#BFD7C6
#BFD8C5
#BFDAC3
#BFDCC1
#C0CDCF
#C0CFCD
#C0D2CA
#C0D4C8
#C0D7C5
#C0D9C3
#C0DCC0
#C1C8D3
#C1CBD0
#C1CECD
#C1D2C9
#C1D5C6
#C1D8C3
#C1DCBF
#C2C3D7
#C2C7D3
#C2CBCF
#C2CFCB
#C2D3C7
#C2D7C3
#C2DCBE
#C3BDDC
#C3C2D7
#C3C7D2
#C3CCCD
#C3D1C8
#C3D6C3
#C3DCBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts