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 #BDC2E6 to #BDE6C2 and to #C2BDE6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC8E0
#BDC7E1
#BDC6E2
#BDC5E3
#BEC4E4
#BEC2E5
#BEC1E6
#BDCEDA
#BDCCDC
#BECADE
#BEC7E0
#BEC5E2
#BFC3E4
#BFC0E6
#BDD3D5
#BDD0D8
#BECDDA
#BECADD
#BEC7E0
#BFC4E3
#BFC0E6
#BDD9CF
#BDD5D3
#BED1D6
#BECDDA
#BFC8DE
#BFC4E1
#C0BFE6
#BDDFC9
#BEDACE
#BED4D2
#BFCFD7
#C0CADC
#C0C5E0
#C1BEE6
#BDE6C2
#BEDFC8
#BFD9CE
#BFD2D3
#C0CCD9
#C1C5DF
#C2BDE6
Colorpallet from #BDC2E6 to #BDE6C2 and to #C2E6BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC8E0
#BDC8E0
#BDC8E0
#BDC8E0
#BEC8DF
#BEC8DF
#BEC8DF
#BDCEDA
#BDCEDA
#BECEDA
#BECEDA
#BECED9
#BFCED9
#BFCED9
#BDD3D5
#BDD3D5
#BED3D4
#BED3D4
#BED3D3
#BFD3D3
#BFD3D2
#BDD9CF
#BDD9CF
#BED9CE
#BED9CE
#BFD9CD
#BFD9CD
#C0D9CC
#BDDFC9
#BEDFC8
#BEDFC8
#BFDFC7
#C0DFC6
#C0DFC6
#C1DFC5
#BDE6C2
#BEE6C1
#BFE6C0
#BFE6C0
#C0E6BF
#C1E6BE
#C2E6BD
Colorpallet from #BDC2E6 to #BDE6C2 and to #E6BDC2
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC8E0
#BEC7E0
#BFC6E0
#C0C5E0
#C1C4E0
#C3C2E0
#C4C1E0
#BDCEDA
#BFCCDA
#C1CADA
#C3C7DA
#C5C5DA
#C7C3DA
#CAC0DA
#BDD3D5
#C0D0D5
#C3CDD5
#C7CAD5
#CAC7D5
#CDC4D5
#D1C0D5
#BDD9CF
#C1D5CF
#C5D1CF
#C9CDCF
#CEC8CF
#D2C4CF
#D7BFCF
#BDDFC9
#C2DAC9
#C8D4C9
#CDCFC9
#D2CAC9
#D7C5C9
#DEBEC9
#BDE6C2
#C4DFC2
#CAD9C2
#D1D2C2
#D7CCC2
#DEC5C2
#E6BDC2
Colorpallet from #BDC2E6 to #BDE6C2 and to #E6C2BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC8E0
#BEC7E0
#BFC6E0
#C0C5E0
#C1C4DF
#C3C3DF
#C4C2DF
#BDCEDA
#BFCCDA
#C1CADA
#C3C8DA
#C5C6D9
#C7C4D9
#CAC2D9
#BDD3D5
#C0D0D5
#C3CED4
#C7CBD4
#CAC8D3
#CDC5D3
#D1C2D2
#BDD9CF
#C1D5CF
#C5D2CE
#C9CECE
#CECACD
#D2C7CD
#D7C2CC
#BDDFC9
#C2DAC8
#C8D6C8
#CDD1C7
#D2CCC6
#D7C8C6
#DEC2C5
#BDE6C2
#C4E0C1
#CADAC0
#D1D5C0
#D7CFBF
#DEC9BE
#E6C2BD
Colorpallet from #BDC2E6 to #C2BDE6 and to #C2E6BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BEC1E6
#BEC2E5
#BEC3E4
#BEC4E3
#BEC5E2
#BEC7E0
#BEC8DF
#BFC0E6
#BFC2E4
#BFC4E2
#BFC7E0
#BFC9DE
#BFCBDC
#BFCED9
#BFC0E6
#BFC3E3
#BFC6E0
#BFC9DC
#BFCCD9
#BFCFD6
#BFD3D2
#C0BFE6
#C0C3E2
#C0C7DE
#C0CBDA
#C0D0D5
#C0D4D1
#C0D9CC
#C1BEE6
#C1C3E1
#C1C9DB
#C1CED6
#C1D3D1
#C1D8CC
#C1DFC5
#C2BDE6
#C2C4DF
#C2CAD9
#C2D1D2
#C2D7CC
#C2DEC5
#C2E6BD
Colorpallet from #BDC2E6 to #C2BDE6 and to #E6BDC2
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BEC1E6
#BFC1E5
#C0C1E4
#C1C1E3
#C2C1E2
#C3C1E1
#C4C1E0
#BFC0E6
#C1C0E4
#C3C0E2
#C4C0E0
#C6C0DE
#C8C0DC
#CAC0DA
#BFC0E6
#C2C0E3
#C5C0E1
#C8C0DE
#CBC0DB
#CDC0D8
#D1C0D5
#C0BFE6
#C4BFE2
#C7BFDF
#CBBFDB
#CFBFD7
#D2BFD4
#D7BFCF
#C1BEE6
#C6BEE1
#CABEDD
#CFBED8
#D4BED3
#D8BECF
#DEBEC9
#C2BDE6
#C8BDE0
#CEBDDA
#D3BDD5
#D9BDCF
#DFBDC9
#E6BDC2
Colorpallet from #BDC2E6 to #C2BDE6 and to #E6C2BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BEC1E6
#BFC1E5
#C0C1E4
#C1C1E3
#C2C2E2
#C3C2E0
#C4C2DF
#BFC0E6
#C1C0E4
#C3C1E2
#C4C1E0
#C6C1DE
#C8C2DC
#CAC2D9
#BFC0E6
#C2C0E3
#C5C1E0
#C8C1DC
#CBC1D9
#CDC2D6
#D1C2D2
#C0BFE6
#C4BFE2
#C7C0DE
#CBC0DA
#CFC1D5
#D2C1D1
#D7C2CC
#C1BEE6
#C6BFE1
#CABFDB
#CFC0D6
#D4C1D1
#D8C1CC
#DEC2C5
#C2BDE6
#C8BEDF
#CEBFD9
#D3BFD2
#D9C0CC
#DFC1C5
#E6C2BD
Colorpallet from #BDC2E6 to #C2E6BD and to #E6BDC2
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BEC8DF
#BFC7DF
#C0C6DF
#C1C5DF
#C2C4E0
#C3C2E0
#C4C1E0
#BFCED9
#C1CCD9
#C3CAD9
#C4C7D9
#C6C5DA
#C8C3DA
#CAC0DA
#BFD3D2
#C2D0D2
#C5CDD3
#C8CAD3
#CBC7D4
#CDC4D4
#D1C0D5
#C0D9CC
#C4D5CC
#C7D1CD
#CBCDCD
#CFC8CE
#D2C4CE
#D7BFCF
#C1DFC5
#C6DAC6
#CAD4C6
#CFCFC7
#D4CAC8
#D8C5C8
#DEBEC9
#C2E6BD
#C8DFBE
#CED9BF
#D3D2BF
#D9CCC0
#DFC5C1
#E6BDC2
Colorpallet from #BDC2E6 to #C2E6BD and to #E6C2BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BEC8DF
#BFC7DF
#C0C6DF
#C1C5DF
#C2C4DF
#C3C3DF
#C4C2DF
#BFCED9
#C1CCD9
#C3CAD9
#C4C8D9
#C6C6D9
#C8C4D9
#CAC2D9
#BFD3D2
#C2D0D2
#C5CED2
#C8CBD2
#CBC8D2
#CDC5D2
#D1C2D2
#C0D9CC
#C4D5CC
#C7D2CC
#CBCECC
#CFCACC
#D2C7CC
#D7C2CC
#C1DFC5
#C6DAC5
#CAD6C5
#CFD1C5
#D4CCC5
#D8C8C5
#DEC2C5
#C2E6BD
#C8E0BD
#CEDABD
#D3D5BD
#D9CFBD
#DFC9BD
#E6C2BD
Colorpallet from #BDC2E6 to #E6BDC2 and to #E6C2BD
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#BDC2E6
#C4C1E0
#C4C1E0
#C4C1E0
#C4C1E0
#C4C2DF
#C4C2DF
#C4C2DF
#CAC0DA
#CAC0DA
#CAC1DA
#CAC1DA
#CAC1D9
#CAC2D9
#CAC2D9
#D1C0D5
#D1C0D5
#D1C1D4
#D1C1D4
#D1C1D3
#D1C2D3
#D1C2D2
#D7BFCF
#D7BFCF
#D7C0CE
#D7C0CE
#D7C1CD
#D7C1CD
#D7C2CC
#DEBEC9
#DEBFC8
#DEBFC8
#DEC0C7
#DEC1C6
#DEC1C6
#DEC2C5
#E6BDC2
#E6BEC1
#E6BFC0
#E6BFC0
#E6C0BF
#E6C1BE
#E6C2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts