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 #C8BED8 to #C8D8BE and to #BEC8D8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8C2D4
#C8C2D5
#C7C1D5
#C7C1D6
#C7C1D7
#C6C0D7
#C6C0D8
#C8C6D0
#C8C5D1
#C7C4D3
#C7C4D4
#C6C3D5
#C6C2D6
#C5C1D8
#C8CACC
#C7C9CE
#C6C8D0
#C6C7D2
#C5C6D4
#C4C4D6
#C3C3D8
#C8CFC7
#C7CDCA
#C6CBCC
#C5CACF
#C4C8D2
#C3C6D5
#C2C4D8
#C8D3C3
#C7D1C6
#C5CFCA
#C4CDCD
#C3CBD0
#C2C9D4
#C0C6D8
#C8D8BE
#C6D5C2
#C5D3C6
#C3D0CA
#C2CECF
#C0CBD3
#BEC8D8
Colorpallet from #C8BED8 to #C8D8BE and to #BED8C8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8C2D4
#C8C2D4
#C7C2D4
#C7C2D4
#C7C2D5
#C6C2D5
#C6C2D5
#C8C6D0
#C8C6D0
#C7C6D1
#C7C6D1
#C6C6D2
#C6C6D2
#C5C6D3
#C8CACC
#C7CACD
#C6CACD
#C6CACE
#C5CACF
#C4CACF
#C3CAD0
#C8CFC7
#C7CFC8
#C6CFC9
#C5CFCA
#C4CFCB
#C3CFCD
#C2CFCE
#C8D3C3
#C7D3C4
#C5D3C6
#C4D3C7
#C3D3C8
#C2D3C9
#C0D3CB
#C8D8BE
#C6D8C0
#C5D8C1
#C3D8C3
#C2D8C4
#C0D8C6
#BED8C8
Colorpallet from #C8BED8 to #C8D8BE and to #D8C8BE
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8C2D4
#C8C2D4
#C9C1D4
#C9C1D4
#CAC1D4
#CAC0D4
#CBC0D4
#C8C6D0
#C9C5D0
#CAC4D0
#CAC4D0
#CBC3D0
#CCC2D0
#CDC1D0
#C8CACC
#C9C9CC
#CBC8CC
#CCC7CC
#CDC6CC
#CEC4CC
#D0C3CC
#C8CFC7
#CACDC7
#CBCBC7
#CDCAC7
#CEC8C7
#D0C6C7
#D2C4C7
#C8D3C3
#CAD1C3
#CCCFC3
#CECDC3
#D0CBC3
#D2C9C3
#D5C6C3
#C8D8BE
#CBD5BE
#CDD3BE
#D0D0BE
#D2CEBE
#D5CBBE
#D8C8BE
Colorpallet from #C8BED8 to #C8D8BE and to #D8BEC8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8C2D4
#C8C1D4
#C9C1D4
#C9C0D4
#CABFD5
#CABFD5
#CBBED5
#C8C6D0
#C9C5D0
#CAC3D1
#CAC2D1
#CBC1D2
#CCC0D2
#CDBED3
#C8CACC
#C9C8CD
#CBC6CD
#CCC4CE
#CDC2CF
#CEC0CF
#D0BED0
#C8CFC7
#CACCC8
#CBCAC9
#CDC7CA
#CEC4CB
#D0C1CD
#D2BECE
#C8D3C3
#CAD0C4
#CCCCC6
#CEC9C7
#D0C6C8
#D2C2C9
#D5BECB
#C8D8BE
#CBD4C0
#CDD0C1
#D0CCC3
#D2C7C4
#D5C3C6
#D8BEC8
Colorpallet from #C8BED8 to #BEC8D8 and to #BED8C8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C6C0D8
#C6C0D8
#C6C1D7
#C6C1D7
#C6C1D6
#C6C2D6
#C6C2D5
#C5C1D8
#C5C2D7
#C5C3D6
#C5C3D6
#C5C4D5
#C5C5D4
#C5C6D3
#C3C3D8
#C3C4D7
#C3C5D5
#C3C6D4
#C3C7D3
#C3C9D2
#C3CAD0
#C2C4D8
#C2C6D6
#C2C8D5
#C2C9D3
#C2CBD2
#C2CDD0
#C2CFCE
#C0C6D8
#C0C8D6
#C0CAD4
#C0CCD2
#C0CED0
#C0D0CE
#C0D3CB
#BEC8D8
#BECBD5
#BECDD3
#BED0D0
#BED2CE
#BED5CB
#BED8C8
Colorpallet from #C8BED8 to #BEC8D8 and to #D8C8BE
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C6C0D8
#C7C0D7
#C8C0D7
#C8C0D6
#C9C0D5
#CAC0D5
#CBC0D4
#C5C1D8
#C6C1D7
#C8C1D5
#C9C1D4
#CAC1D3
#CBC1D2
#CDC1D0
#C3C3D8
#C5C3D6
#C7C3D4
#C9C3D2
#CBC3D0
#CDC3CE
#D0C3CC
#C2C4D8
#C5C4D5
#C7C4D3
#CAC4D0
#CCC4CD
#CFC4CA
#D2C4C7
#C0C6D8
#C3C6D5
#C7C6D1
#CAC6CE
#CDC6CB
#D1C6C7
#D5C6C3
#BEC8D8
#C2C8D4
#C6C8D0
#CAC8CC
#CFC8C7
#D3C8C3
#D8C8BE
Colorpallet from #C8BED8 to #BEC8D8 and to #D8BEC8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C6C0D8
#C7C0D8
#C8BFD7
#C8BFD7
#C9BFD6
#CABED6
#CBBED5
#C5C1D8
#C6C1D7
#C8C0D6
#C9C0D6
#CABFD5
#CBBFD4
#CDBED3
#C3C3D8
#C5C2D7
#C7C1D5
#C9C1D4
#CBC0D3
#CDBFD2
#D0BED0
#C2C4D8
#C5C3D6
#C7C2D5
#CAC1D3
#CCC0D2
#CFBFD0
#D2BECE
#C0C6D8
#C3C5D6
#C7C3D4
#CAC2D2
#CDC1D0
#D1C0CE
#D5BECB
#BEC8D8
#C2C6D5
#C6C5D3
#CAC3D0
#CFC2CE
#D3C0CB
#D8BEC8
Colorpallet from #C8BED8 to #BED8C8 and to #D8C8BE
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C6C2D5
#C7C2D5
#C8C1D5
#C8C1D5
#C9C1D4
#CAC0D4
#CBC0D4
#C5C6D3
#C6C5D3
#C8C4D2
#C9C4D2
#CAC3D1
#CBC2D1
#CDC1D0
#C3CAD0
#C5C9CF
#C7C8CF
#C9C7CE
#CBC6CD
#CDC4CD
#D0C3CC
#C2CFCE
#C5CDCD
#C7CBCC
#CACACB
#CCC8CA
#CFC6C8
#D2C4C7
#C0D3CB
#C3D1CA
#C7CFC8
#CACDC7
#CDCBC6
#D1C9C5
#D5C6C3
#BED8C8
#C2D5C6
#C6D3C5
#CAD0C3
#CFCEC2
#D3CBC0
#D8C8BE
Colorpallet from #C8BED8 to #BED8C8 and to #D8BEC8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C6C2D5
#C7C1D5
#C8C1D5
#C8C0D5
#C9BFD5
#CABFD5
#CBBED5
#C5C6D3
#C6C5D3
#C8C3D3
#C9C2D3
#CAC1D3
#CBC0D3
#CDBED3
#C3CAD0
#C5C8D0
#C7C6D0
#C9C4D0
#CBC2D0
#CDC0D0
#D0BED0
#C2CFCE
#C5CCCE
#C7CACE
#CAC7CE
#CCC4CE
#CFC1CE
#D2BECE
#C0D3CB
#C3D0CB
#C7CCCB
#CAC9CB
#CDC6CB
#D1C2CB
#D5BECB
#BED8C8
#C2D4C8
#C6D0C8
#CACCC8
#CFC7C8
#D3C3C8
#D8BEC8
Colorpallet from #C8BED8 to #D8C8BE and to #D8BEC8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#C8BED8
#CBC0D4
#CBC0D4
#CBBFD4
#CBBFD4
#CBBFD5
#CBBED5
#CBBED5
#CDC1D0
#CDC1D0
#CDC0D1
#CDC0D1
#CDBFD2
#CDBFD2
#CDBED3
#D0C3CC
#D0C2CD
#D0C1CD
#D0C1CE
#D0C0CF
#D0BFCF
#D0BED0
#D2C4C7
#D2C3C8
#D2C2C9
#D2C1CA
#D2C0CB
#D2BFCD
#D2BECE
#D5C6C3
#D5C5C4
#D5C3C6
#D5C2C7
#D5C1C8
#D5C0C9
#D5BECB
#D8C8BE
#D8C6C0
#D8C5C1
#D8C3C3
#D8C2C4
#D8C0C6
#D8BEC8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts