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 #C1BDD5 to #C1D5BD and to #BDC1D5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1C1D1
#C1C1D2
#C1C0D2
#C1C0D3
#C0BFD4
#C0BFD4
#C0BED5
#C1C5CD
#C1C4CE
#C1C3D0
#C1C2D1
#C0C1D2
#C0BFD3
#C0BED5
#C1C9C9
#C1C7CB
#C0C6CD
#C0C4CF
#C0C3D1
#BFC1D3
#BFBFD5
#C1CCC6
#C1CAC8
#C0C8CB
#C0C6CD
#BFC4D0
#BFC2D2
#BEC0D5
#C1D0C2
#C1CDC5
#C0CBC8
#C0C8CB
#BFC6CE
#BFC3D1
#BEC0D5
#C1D5BD
#C0D2C1
#C0CFC5
#BFCBC9
#BEC8CC
#BEC5D0
#BDC1D5
Colorpallet from #C1BDD5 to #C1D5BD and to #BDD5C1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1C1D1
#C1C1D1
#C1C1D1
#C1C1D1
#C0C1D2
#C0C1D2
#C0C1D2
#C1C5CD
#C1C5CD
#C1C5CE
#C1C5CE
#C0C5CE
#C0C5CF
#C0C5CF
#C1C9C9
#C1C9C9
#C0C9CA
#C0C9CA
#C0C9CA
#BFC9CB
#BFC9CB
#C1CCC6
#C1CCC6
#C0CCC7
#C0CCC7
#BFCCC7
#BFCCC8
#BECCC8
#C1D0C2
#C1D0C2
#C0D0C3
#C0D0C3
#BFD0C4
#BFD0C4
#BED0C5
#C1D5BD
#C0D5BE
#C0D5BE
#BFD5BF
#BED5C0
#BED5C0
#BDD5C1
Colorpallet from #C1BDD5 to #C1D5BD and to #D5C1BD
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1C1D1
#C1C1D1
#C2C0D1
#C2C0D1
#C3BFD1
#C3BFD1
#C4BED1
#C1C5CD
#C2C4CD
#C3C3CD
#C4C2CD
#C5C1CD
#C6BFCD
#C7BECD
#C1C9C9
#C3C7C9
#C4C6C9
#C6C4C9
#C7C3C9
#C9C1C9
#CBBFC9
#C1CCC6
#C3CAC6
#C5C8C6
#C7C6C6
#C9C4C6
#CBC2C6
#CEC0C6
#C1D0C2
#C4CDC2
#C6CBC2
#C9C8C2
#CBC6C2
#CEC3C2
#D1C0C2
#C1D5BD
#C4D2BD
#C7CFBD
#CBCBBD
#CEC8BD
#D1C5BD
#D5C1BD
Colorpallet from #C1BDD5 to #C1D5BD and to #D5BDC1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1C1D1
#C1C0D1
#C2C0D1
#C2BFD1
#C3BED2
#C3BED2
#C4BDD2
#C1C5CD
#C2C4CD
#C3C2CE
#C4C1CE
#C5C0CE
#C6BFCF
#C7BDCF
#C1C9C9
#C3C7C9
#C4C5CA
#C6C3CA
#C7C1CA
#C9BFCB
#CBBDCB
#C1CCC6
#C3CAC6
#C5C7C7
#C7C5C7
#C9C2C7
#CBC0C8
#CEBDC8
#C1D0C2
#C4CDC2
#C6CAC3
#C9C7C3
#CBC4C4
#CEC1C4
#D1BDC5
#C1D5BD
#C4D1BE
#C7CDBE
#CBC9BF
#CEC6C0
#D1C2C0
#D5BDC1
Colorpallet from #C1BDD5 to #BDC1D5 and to #BDD5C1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C0BED5
#C0BED5
#C0BFD4
#C0BFD4
#C0C0D3
#C0C0D3
#C0C1D2
#C0BED5
#C0BFD4
#C0C0D3
#C0C1D2
#C0C2D1
#C0C4D0
#C0C5CF
#BFBFD5
#BFC1D3
#BFC2D2
#BFC4D0
#BFC5CF
#BFC7CD
#BFC9CB
#BEC0D5
#BEC2D3
#BEC4D1
#BEC6CF
#BEC8CD
#BECACB
#BECCC8
#BEC0D5
#BEC3D2
#BEC5D0
#BEC8CD
#BECACB
#BECDC8
#BED0C5
#BDC1D5
#BDC4D2
#BDC7CF
#BDCBCB
#BDCEC8
#BDD1C5
#BDD5C1
Colorpallet from #C1BDD5 to #BDC1D5 and to #D5C1BD
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C0BED5
#C1BED4
#C1BED4
#C2BED3
#C3BED2
#C3BED2
#C4BED1
#C0BED5
#C1BED4
#C2BED2
#C3BED1
#C4BED0
#C6BECF
#C7BECD
#BFBFD5
#C1BFD3
#C3BFD1
#C5BFCF
#C7BFCD
#C9BFCB
#CBBFC9
#BEC0D5
#C1C0D3
#C3C0D0
#C6C0CE
#C8C0CB
#CBC0C9
#CEC0C6
#BEC0D5
#C1C0D2
#C4C0CF
#C7C0CC
#CAC0C9
#CDC0C6
#D1C0C2
#BDC1D5
#C1C1D1
#C5C1CD
#C9C1C9
#CCC1C6
#D0C1C2
#D5C1BD
Colorpallet from #C1BDD5 to #BDC1D5 and to #D5BDC1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C0BED5
#C1BED5
#C1BED4
#C2BED4
#C3BDD3
#C3BDD3
#C4BDD2
#C0BED5
#C1BED4
#C2BED3
#C3BED2
#C4BDD1
#C6BDD0
#C7BDCF
#BFBFD5
#C1BFD3
#C3BED2
#C5BED0
#C7BECF
#C9BDCD
#CBBDCB
#BEC0D5
#C1C0D3
#C3BFD1
#C6BFCF
#C8BECD
#CBBECB
#CEBDC8
#BEC0D5
#C1C0D2
#C4BFD0
#C7BFCD
#CABECB
#CDBEC8
#D1BDC5
#BDC1D5
#C1C0D2
#C5C0CF
#C9BFCB
#CCBEC8
#D0BEC5
#D5BDC1
Colorpallet from #C1BDD5 to #BDD5C1 and to #D5C1BD
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C0C1D2
#C1C1D2
#C1C0D2
#C2C0D2
#C3BFD1
#C3BFD1
#C4BED1
#C0C5CF
#C1C4CF
#C2C3CE
#C3C2CE
#C4C1CE
#C6BFCD
#C7BECD
#BFC9CB
#C1C7CB
#C3C6CA
#C5C4CA
#C7C3CA
#C9C1C9
#CBBFC9
#BECCC8
#C1CAC8
#C3C8C7
#C6C6C7
#C8C4C7
#CBC2C6
#CEC0C6
#BED0C5
#C1CDC5
#C4CBC4
#C7C8C4
#CAC6C3
#CDC3C3
#D1C0C2
#BDD5C1
#C1D2C0
#C5CFC0
#C9CBBF
#CCC8BE
#D0C5BE
#D5C1BD
Colorpallet from #C1BDD5 to #BDD5C1 and to #D5BDC1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C0C1D2
#C1C0D2
#C1C0D2
#C2BFD2
#C3BED2
#C3BED2
#C4BDD2
#C0C5CF
#C1C4CF
#C2C2CF
#C3C1CF
#C4C0CF
#C6BFCF
#C7BDCF
#BFC9CB
#C1C7CB
#C3C5CB
#C5C3CB
#C7C1CB
#C9BFCB
#CBBDCB
#BECCC8
#C1CAC8
#C3C7C8
#C6C5C8
#C8C2C8
#CBC0C8
#CEBDC8
#BED0C5
#C1CDC5
#C4CAC5
#C7C7C5
#CAC4C5
#CDC1C5
#D1BDC5
#BDD5C1
#C1D1C1
#C5CDC1
#C9C9C1
#CCC6C1
#D0C2C1
#D5BDC1
Colorpallet from #C1BDD5 to #D5C1BD and to #D5BDC1
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C1BDD5
#C4BED1
#C4BED1
#C4BED1
#C4BED1
#C4BDD2
#C4BDD2
#C4BDD2
#C7BECD
#C7BECD
#C7BECE
#C7BECE
#C7BDCE
#C7BDCF
#C7BDCF
#CBBFC9
#CBBFC9
#CBBECA
#CBBECA
#CBBECA
#CBBDCB
#CBBDCB
#CEC0C6
#CEC0C6
#CEBFC7
#CEBFC7
#CEBEC7
#CEBEC8
#CEBDC8
#D1C0C2
#D1C0C2
#D1BFC3
#D1BFC3
#D1BEC4
#D1BEC4
#D1BDC5
#D5C1BD
#D5C0BE
#D5C0BE
#D5BFBF
#D5BEC0
#D5BEC0
#D5BDC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
