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 #CFBED3 to #CFD3BE and to #BECFD3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFC1D0
#CFC1D0
#CEC1D1
#CEC1D1
#CDC1D2
#CDC1D2
#CCC1D3
#CFC5CC
#CEC5CD
#CDC4CE
#CDC4CF
#CCC4D0
#CBC3D2
#CAC3D3
#CFC8C9
#CEC8CB
#CCC7CC
#CBC7CE
#CAC7CF
#C9C6D1
#C7C6D3
#CFCBC6
#CDCBC8
#CBCACA
#CACACC
#C8CACE
#C6C9D0
#C4C9D3
#CFCFC2
#CDCFC5
#CBCEC7
#C8CECA
#C6CDCD
#C4CDD0
#C1CCD3
#CFD3BE
#CCD2C1
#CAD2C5
#C7D1C8
#C4D0CB
#C1D0CF
#BECFD3
Colorpallet from #CFBED3 to #CFD3BE and to #BED3CF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFC1D0
#CFC1D0
#CEC1D1
#CEC1D1
#CDC1D1
#CDC1D2
#CCC1D2
#CFC5CC
#CEC5CD
#CDC5CE
#CDC5CF
#CCC5D0
#CBC5D1
#CAC5D2
#CFC8C9
#CEC8CA
#CCC8CC
#CBC8CD
#CAC8CE
#C9C8CF
#C7C8D1
#CFCBC6
#CDCBC8
#CBCBC9
#CACBCB
#C8CBCC
#C6CBCE
#C4CBD0
#CFCFC2
#CDCFC4
#CBCFC6
#C8CFC9
#C6CFCB
#C4CFCD
#C1CFD0
#CFD3BE
#CCD3C1
#CAD3C3
#C7D3C6
#C4D3C9
#C1D3CC
#BED3CF
Colorpallet from #CFBED3 to #CFD3BE and to #D3CFBE
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFC1D0
#CFC1D0
#CFC1D0
#CFC1D0
#D0C1D0
#D0C1D0
#D0C1D0
#CFC5CC
#CFC5CC
#CFC4CC
#CFC4CC
#D0C4CC
#D0C3CC
#D0C3CC
#CFC8C9
#CFC8C9
#D0C7C9
#D0C7C9
#D0C7C9
#D1C6C9
#D1C6C9
#CFCBC6
#CFCBC6
#D0CAC6
#D0CAC6
#D1CAC6
#D1C9C6
#D2C9C6
#CFCFC2
#CFCFC2
#D0CEC2
#D0CEC2
#D1CDC2
#D1CDC2
#D2CCC2
#CFD3BE
#D0D2BE
#D0D2BE
#D1D1BE
#D2D0BE
#D2D0BE
#D3CFBE
Colorpallet from #CFBED3 to #CFD3BE and to #D3BECF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFC1D0
#CFC1D0
#CFC0D1
#CFC0D1
#D0BFD1
#D0BFD2
#D0BED2
#CFC5CC
#CFC4CD
#CFC3CE
#CFC2CF
#D0C1D0
#D0BFD1
#D0BED2
#CFC8C9
#CFC6CA
#D0C5CC
#D0C3CD
#D0C2CE
#D1C0CF
#D1BED1
#CFCBC6
#CFC9C8
#D0C7C9
#D0C5CB
#D1C3CC
#D1C1CE
#D2BED0
#CFCFC2
#CFCCC4
#D0CAC6
#D0C7C9
#D1C4CB
#D1C1CD
#D2BED0
#CFD3BE
#D0D0C1
#D0CCC3
#D1C9C6
#D2C6C9
#D2C2CC
#D3BECF
Colorpallet from #CFBED3 to #BECFD3 and to #BED3CF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CCC1D3
#CCC1D3
#CCC1D3
#CCC1D3
#CCC1D2
#CCC1D2
#CCC1D2
#CAC3D3
#CAC3D3
#CAC4D3
#CAC4D3
#CAC4D2
#CAC5D2
#CAC5D2
#C7C6D3
#C7C6D3
#C7C7D2
#C7C7D2
#C7C7D2
#C7C8D1
#C7C8D1
#C4C9D3
#C4C9D3
#C4CAD2
#C4CAD2
#C4CAD1
#C4CBD1
#C4CBD0
#C1CCD3
#C1CCD3
#C1CDD2
#C1CDD2
#C1CED1
#C1CED1
#C1CFD0
#BECFD3
#BED0D2
#BED0D2
#BED1D1
#BED2D0
#BED2D0
#BED3CF
Colorpallet from #CFBED3 to #BECFD3 and to #D3CFBE
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CCC1D3
#CDC1D3
#CDC1D2
#CEC1D2
#CFC1D1
#CFC1D1
#D0C1D0
#CAC3D3
#CBC3D2
#CCC3D1
#CDC3D0
#CEC3CF
#CFC3CD
#D0C3CC
#C7C6D3
#C9C6D1
#CAC6D0
#CCC6CE
#CDC6CD
#CFC6CB
#D1C6C9
#C4C9D3
#C6C9D1
#C8C9CF
#CBC9CD
#CDC9CB
#CFC9C9
#D2C9C6
#C1CCD3
#C4CCD0
#C6CCCE
#C9CCCB
#CCCCC8
#CFCCC5
#D2CCC2
#BECFD3
#C1CFD0
#C5CFCC
#C8CFC9
#CBCFC6
#CFCFC2
#D3CFBE
Colorpallet from #CFBED3 to #BECFD3 and to #D3BECF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CCC1D3
#CDC1D3
#CDC0D3
#CEC0D3
#CFBFD2
#CFBFD2
#D0BED2
#CAC3D3
#CBC2D3
#CCC1D3
#CDC1D3
#CEC0D2
#CFBFD2
#D0BED2
#C7C6D3
#C9C5D3
#CAC3D2
#CCC2D2
#CDC1D2
#CFC0D1
#D1BED1
#C4C9D3
#C6C7D3
#C8C5D2
#CBC4D2
#CDC2D1
#CFC0D1
#D2BED0
#C1CCD3
#C4CAD3
#C6C8D2
#C9C5D2
#CCC3D1
#CFC1D1
#D2BED0
#BECFD3
#C1CCD2
#C5CAD2
#C8C7D1
#CBC4D0
#CFC1D0
#D3BECF
Colorpallet from #CFBED3 to #BED3CF and to #D3CFBE
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CCC1D2
#CDC1D2
#CDC1D1
#CEC1D1
#CFC1D1
#CFC1D0
#D0C1D0
#CAC5D2
#CBC5D1
#CCC4D0
#CDC4CF
#CEC4CE
#CFC3CD
#D0C3CC
#C7C8D1
#C9C8D0
#CAC7CE
#CCC7CD
#CDC7CC
#CFC6CB
#D1C6C9
#C4CBD0
#C6CBCE
#C8CACD
#CBCACB
#CDCACA
#CFC9C8
#D2C9C6
#C1CFD0
#C4CFCE
#C6CECC
#C9CEC9
#CCCDC7
#CFCDC5
#D2CCC2
#BED3CF
#C1D2CC
#C5D2CA
#C8D1C7
#CBD0C4
#CFD0C1
#D3CFBE
Colorpallet from #CFBED3 to #BED3CF and to #D3BECF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CCC1D2
#CDC1D2
#CDC0D2
#CEC0D2
#CFBFD2
#CFBFD2
#D0BED2
#CAC5D2
#CBC4D2
#CCC3D2
#CDC2D2
#CEC1D2
#CFBFD2
#D0BED2
#C7C8D1
#C9C6D1
#CAC5D1
#CCC3D1
#CDC2D1
#CFC0D1
#D1BED1
#C4CBD0
#C6C9D0
#C8C7D0
#CBC5D0
#CDC3D0
#CFC1D0
#D2BED0
#C1CFD0
#C4CCD0
#C6CAD0
#C9C7D0
#CCC4D0
#CFC1D0
#D2BED0
#BED3CF
#C1D0CF
#C5CCCF
#C8C9CF
#CBC6CF
#CFC2CF
#D3BECF
Colorpallet from #CFBED3 to #D3CFBE and to #D3BECF
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#CFBED3
#D0C1D0
#D0C1D0
#D0C0D1
#D0C0D1
#D0BFD1
#D0BFD2
#D0BED2
#D0C3CC
#D0C2CD
#D0C1CE
#D0C1CF
#D0C0D0
#D0BFD1
#D0BED2
#D1C6C9
#D1C5CA
#D1C3CC
#D1C2CD
#D1C1CE
#D1C0CF
#D1BED1
#D2C9C6
#D2C7C8
#D2C5C9
#D2C4CB
#D2C2CC
#D2C0CE
#D2BED0
#D2CCC2
#D2CAC4
#D2C8C6
#D2C5C9
#D2C3CB
#D2C1CD
#D2BED0
#D3CFBE
#D3CCC1
#D3CAC3
#D3C7C6
#D3C4C9
#D3C1CC
#D3BECF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts