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 #BCC2E5 to #BCE5C2 and to #C2BCE5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC8DF
#BCC7E0
#BCC6E1
#BCC5E2
#BDC4E3
#BDC2E4
#BDC1E5
#BCCDDA
#BCCBDC
#BDC9DE
#BDC7DF
#BDC5E1
#BEC3E3
#BEC0E5
#BCD3D4
#BCD0D7
#BDCDD9
#BDC9DC
#BEC6DF
#BEC3E2
#BFBFE5
#BCD8CF
#BDD4D3
#BDD0D6
#BECCDA
#BFC7DD
#BFC3E1
#C0BEE5
#BCDEC9
#BDD9CD
#BED3D2
#BECED6
#BFC9DB
#C0C4DF
#C1BDE5
#BCE5C2
#BDDEC8
#BED8CD
#BFD1D3
#C0CBD8
#C1C4DE
#C2BCE5
Colorpallet from #BCC2E5 to #BCE5C2 and to #C2E5BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC8DF
#BCC8DF
#BCC8DF
#BCC8DF
#BDC8DE
#BDC8DE
#BDC8DE
#BCCDDA
#BCCDDA
#BDCDD9
#BDCDD9
#BDCDD9
#BECDD8
#BECDD8
#BCD3D4
#BCD3D4
#BDD3D3
#BDD3D3
#BED3D2
#BED3D2
#BFD3D1
#BCD8CF
#BDD8CE
#BDD8CE
#BED8CD
#BFD8CC
#BFD8CC
#C0D8CB
#BCDEC9
#BDDEC8
#BEDEC7
#BEDEC7
#BFDEC6
#C0DEC5
#C1DEC4
#BCE5C2
#BDE5C1
#BEE5C0
#BFE5BF
#C0E5BE
#C1E5BD
#C2E5BC
Colorpallet from #BCC2E5 to #BCE5C2 and to #E5BCC2
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC8DF
#BDC7DF
#BEC6DF
#BFC5DF
#C0C4DF
#C2C2DF
#C3C1DF
#BCCDDA
#BECBDA
#C0C9DA
#C2C7DA
#C4C5DA
#C6C3DA
#C9C0DA
#BCD3D4
#BFD0D4
#C2CDD4
#C6C9D4
#C9C6D4
#CCC3D4
#D0BFD4
#BCD8CF
#C0D4CF
#C4D0CF
#C8CCCF
#CDC7CF
#D1C3CF
#D6BECF
#BCDEC9
#C1D9C9
#C7D3C9
#CCCEC9
#D1C9C9
#D6C4C9
#DDBDC9
#BCE5C2
#C3DEC2
#C9D8C2
#D0D1C2
#D6CBC2
#DDC4C2
#E5BCC2
Colorpallet from #BCC2E5 to #BCE5C2 and to #E5C2BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC8DF
#BDC7DF
#BEC6DF
#BFC5DF
#C0C4DE
#C2C3DE
#C3C2DE
#BCCDDA
#BECBDA
#C0C9D9
#C2C8D9
#C4C6D9
#C6C4D8
#C9C2D8
#BCD3D4
#BFD0D4
#C2CED3
#C6CBD3
#C9C8D2
#CCC5D2
#D0C2D1
#BCD8CF
#C0D4CE
#C4D1CE
#C8CDCD
#CDCACC
#D1C6CC
#D6C2CB
#BCDEC9
#C1DAC8
#C7D5C7
#CCD1C7
#D1CCC6
#D6C8C5
#DDC2C4
#BCE5C2
#C3DFC1
#C9DAC0
#D0D4BF
#D6CFBE
#DDC9BD
#E5C2BC
Colorpallet from #BCC2E5 to #C2BCE5 and to #C2E5BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BDC1E5
#BDC2E4
#BDC3E3
#BDC4E2
#BDC5E1
#BDC7DF
#BDC8DE
#BEC0E5
#BEC2E3
#BEC4E1
#BEC6DF
#BEC8DD
#BECADB
#BECDD8
#BFBFE5
#BFC2E2
#BFC5DF
#BFC9DB
#BFCCD8
#BFCFD5
#BFD3D1
#C0BEE5
#C0C2E1
#C0C6DD
#C0CAD9
#C0CFD4
#C0D3D0
#C0D8CB
#C1BDE5
#C1C2E0
#C1C8DA
#C1CDD5
#C1D2D0
#C1D7CB
#C1DEC4
#C2BCE5
#C2C3DE
#C2C9D8
#C2D0D1
#C2D6CB
#C2DDC4
#C2E5BC
Colorpallet from #BCC2E5 to #C2BCE5 and to #E5BCC2
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BDC1E5
#BEC1E4
#BFC1E3
#C0C1E2
#C1C1E1
#C2C1E0
#C3C1DF
#BEC0E5
#C0C0E3
#C2C0E1
#C3C0E0
#C5C0DE
#C7C0DC
#C9C0DA
#BFBFE5
#C2BFE2
#C4BFE0
#C7BFDD
#CABFDA
#CDBFD7
#D0BFD4
#C0BEE5
#C4BEE1
#C7BEDE
#CBBEDA
#CEBED7
#D2BED3
#D6BECF
#C1BDE5
#C5BDE1
#CABDDC
#CEBDD8
#D3BDD3
#D7BDCF
#DDBDC9
#C2BCE5
#C8BCDF
#CDBCDA
#D3BCD4
#D8BCCF
#DEBCC9
#E5BCC2
Colorpallet from #BCC2E5 to #C2BCE5 and to #E5C2BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BDC1E5
#BEC1E4
#BFC1E3
#C0C1E2
#C1C2E1
#C2C2DF
#C3C2DE
#BEC0E5
#C0C0E3
#C2C1E1
#C3C1DF
#C5C1DD
#C7C2DB
#C9C2D8
#BFBFE5
#C2BFE2
#C4C0DF
#C7C0DB
#CAC1D8
#CDC1D5
#D0C2D1
#C0BEE5
#C4BFE1
#C7BFDD
#CBC0D9
#CEC1D4
#D2C1D0
#D6C2CB
#C1BDE5
#C5BEE0
#CABFDA
#CEBFD5
#D3C0D0
#D7C1CB
#DDC2C4
#C2BCE5
#C8BDDE
#CDBED8
#D3BFD1
#D8C0CB
#DEC1C4
#E5C2BC
Colorpallet from #BCC2E5 to #C2E5BC and to #E5BCC2
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BDC8DE
#BEC7DE
#BFC6DE
#C0C5DE
#C1C4DF
#C2C2DF
#C3C1DF
#BECDD8
#C0CBD8
#C2C9D9
#C3C7D9
#C5C5D9
#C7C3DA
#C9C0DA
#BFD3D1
#C2D0D1
#C4CDD2
#C7C9D2
#CAC6D3
#CDC3D3
#D0BFD4
#C0D8CB
#C4D4CC
#C7D0CC
#CBCCCD
#CEC7CE
#D2C3CE
#D6BECF
#C1DEC4
#C5D9C5
#CAD3C6
#CECEC6
#D3C9C7
#D7C4C8
#DDBDC9
#C2E5BC
#C8DEBD
#CDD8BE
#D3D1BF
#D8CBC0
#DEC4C1
#E5BCC2
Colorpallet from #BCC2E5 to #C2E5BC and to #E5C2BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BDC8DE
#BEC7DE
#BFC6DE
#C0C5DE
#C1C4DE
#C2C3DE
#C3C2DE
#BECDD8
#C0CBD8
#C2C9D8
#C3C8D8
#C5C6D8
#C7C4D8
#C9C2D8
#BFD3D1
#C2D0D1
#C4CED1
#C7CBD1
#CAC8D1
#CDC5D1
#D0C2D1
#C0D8CB
#C4D4CB
#C7D1CB
#CBCDCB
#CECACB
#D2C6CB
#D6C2CB
#C1DEC4
#C5DAC4
#CAD5C4
#CED1C4
#D3CCC4
#D7C8C4
#DDC2C4
#C2E5BC
#C8DFBC
#CDDABC
#D3D4BC
#D8CFBC
#DEC9BC
#E5C2BC
Colorpallet from #BCC2E5 to #E5BCC2 and to #E5C2BC
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#BCC2E5
#C3C1DF
#C3C1DF
#C3C1DF
#C3C1DF
#C3C2DE
#C3C2DE
#C3C2DE
#C9C0DA
#C9C0DA
#C9C1D9
#C9C1D9
#C9C1D9
#C9C2D8
#C9C2D8
#D0BFD4
#D0BFD4
#D0C0D3
#D0C0D3
#D0C1D2
#D0C1D2
#D0C2D1
#D6BECF
#D6BFCE
#D6BFCE
#D6C0CD
#D6C1CC
#D6C1CC
#D6C2CB
#DDBDC9
#DDBEC8
#DDBFC7
#DDBFC7
#DDC0C6
#DDC1C5
#DDC2C4
#E5BCC2
#E5BDC1
#E5BEC0
#E5BFBF
#E5C0BE
#E5C1BD
#E5C2BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
