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 #CCD7BE to #CCBED7 and to #D7CCBE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD3C2
#CCD3C1
#CDD4C1
#CDD4C0
#CDD4BF
#CED5BF
#CED5BE
#CCCFC6
#CDD0C5
#CDD0C3
#CED1C2
#CFD2C1
#CFD2C0
#D0D3BE
#CCCBCA
#CDCCC8
#CECDC6
#CECEC4
#CFCFC2
#D0D1C0
#D1D2BE
#CCC7CE
#CDC8CB
#CECAC9
#CFCBC6
#D0CDC4
#D2CEC1
#D3D0BE
#CCC3D2
#CDC5CF
#CFC7CC
#D0C8C8
#D2CAC5
#D3CCC2
#D5CEBE
#CCBED7
#CEC0D3
#D0C2CF
#D1C5CB
#D3C7C7
#D5C9C3
#D7CCBE
Colorpallet from #CCD7BE to #CCBED7 and to #D7BECC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD3C2
#CCD3C2
#CDD3C1
#CDD3C1
#CDD3C1
#CED3C0
#CED3C0
#CCCFC6
#CDCFC5
#CDCFC5
#CECFC4
#CFCFC3
#CFCFC3
#D0CFC2
#CCCBCA
#CDCBC9
#CECBC8
#CECBC8
#CFCBC7
#D0CBC6
#D1CBC5
#CCC7CE
#CDC7CD
#CEC7CC
#CFC7CB
#D0C7CA
#D2C7C8
#D3C7C7
#CCC3D2
#CDC3D1
#CFC3CF
#D0C3CE
#D2C3CC
#D3C3CB
#D5C3C9
#CCBED7
#CEBED5
#D0BED3
#D1BED2
#D3BED0
#D5BECE
#D7BECC
Colorpallet from #CCD7BE to #CCBED7 and to #BECCD7
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD3C2
#CCD3C2
#CBD4C2
#CBD4C2
#CBD4C2
#CAD5C2
#CAD5C2
#CCCFC6
#CBD0C6
#CBD0C6
#CAD1C6
#C9D2C6
#C9D2C6
#C8D3C6
#CCCBCA
#CBCCCA
#CACDCA
#C9CECA
#C8CFCA
#C6D1CA
#C5D2CA
#CCC7CE
#CBC8CE
#C9CACE
#C8CBCE
#C6CDCE
#C5CECE
#C3D0CE
#CCC3D2
#CAC5D2
#C8C7D2
#C7C8D2
#C5CAD2
#C3CCD2
#C1CED2
#CCBED7
#CAC0D7
#C8C2D7
#C5C5D7
#C3C7D7
#C1C9D7
#BECCD7
Colorpallet from #CCD7BE to #CCBED7 and to #BED7CC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD3C2
#CCD4C2
#CBD4C1
#CBD5C1
#CBD6C1
#CAD6C0
#CAD7C0
#CCCFC6
#CBD0C5
#CBD2C5
#CAD3C4
#C9D4C3
#C9D5C3
#C8D7C2
#CCCBCA
#CBCDC9
#CACFC8
#C9D1C8
#C8D3C7
#C6D5C6
#C5D7C5
#CCC7CE
#CBCACD
#C9CCCC
#C8CFCB
#C6D1CA
#C5D4C8
#C3D7C7
#CCC3D2
#CAC6D1
#C8C9CF
#C7CDCE
#C5D0CC
#C3D3CB
#C1D7C9
#CCBED7
#CAC2D5
#C8C6D3
#C5CAD2
#C3CED0
#C1D2CE
#BED7CC
Colorpallet from #CCD7BE to #D7CCBE and to #D7BECC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CED5BE
#CED5BE
#CED4BF
#CED4BF
#CED4BF
#CED3C0
#CED3C0
#D0D3BE
#D0D2BF
#D0D2BF
#D0D1C0
#D0D0C1
#D0D0C1
#D0CFC2
#D1D2BE
#D1D1BF
#D1D0C0
#D1CFC1
#D1CEC2
#D1CCC4
#D1CBC5
#D3D0BE
#D3CFBF
#D3CDC1
#D3CCC2
#D3CAC4
#D3C9C5
#D3C7C7
#D5CEBE
#D5CCC0
#D5CAC2
#D5C9C3
#D5C7C5
#D5C5C7
#D5C3C9
#D7CCBE
#D7CAC0
#D7C8C2
#D7C5C5
#D7C3C7
#D7C1C9
#D7BECC
Colorpallet from #CCD7BE to #D7CCBE and to #BECCD7
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CED5BE
#CDD5BF
#CDD5BF
#CCD5C0
#CBD5C1
#CBD5C1
#CAD5C2
#D0D3BE
#CFD3BF
#CDD3C1
#CCD3C2
#CBD3C3
#CAD3C4
#C8D3C6
#D1D2BE
#CFD2C0
#CDD2C2
#CBD2C4
#C9D2C6
#C7D2C8
#C5D2CA
#D3D0BE
#D0D0C1
#CED0C3
#CBD0C6
#C9D0C8
#C6D0CB
#C3D0CE
#D5CEBE
#D2CEC1
#CFCEC4
#CBCEC8
#C8CECB
#C5CECE
#C1CED2
#D7CCBE
#D3CCC2
#CFCCC6
#CBCCCA
#C7CCCE
#C3CCD2
#BECCD7
Colorpallet from #CCD7BE to #D7CCBE and to #BED7CC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CED5BE
#CDD5BE
#CDD6BF
#CCD6BF
#CBD6BF
#CBD7C0
#CAD7C0
#D0D3BE
#CFD4BF
#CDD4BF
#CCD5C0
#CBD6C1
#CAD6C1
#C8D7C2
#D1D2BE
#CFD3BF
#CDD4C0
#CBD4C1
#C9D5C2
#C7D6C4
#C5D7C5
#D3D0BE
#D0D1BF
#CED2C1
#CBD3C2
#C9D4C4
#C6D6C5
#C3D7C7
#D5CEBE
#D2CFC0
#CFD1C2
#CBD2C3
#C8D4C5
#C5D5C7
#C1D7C9
#D7CCBE
#D3CEC0
#CFD0C2
#CBD1C5
#C7D3C7
#C3D5C9
#BED7CC
Colorpallet from #CCD7BE to #D7BECC and to #BECCD7
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CED3C0
#CDD3C0
#CDD4C1
#CCD4C1
#CBD4C1
#CBD5C2
#CAD5C2
#D0CFC2
#CFD0C3
#CDD0C3
#CCD1C4
#CBD2C5
#CAD2C5
#C8D3C6
#D1CBC5
#CFCCC6
#CDCDC7
#CBCEC7
#C9CFC8
#C7D1C9
#C5D2CA
#D3C7C7
#D0C8C8
#CECAC9
#CBCBCA
#C9CDCB
#C6CECD
#C3D0CE
#D5C3C9
#D2C5CA
#CFC7CC
#CBC8CD
#C8CACF
#C5CCD0
#C1CED2
#D7BECC
#D3C0CE
#CFC2D0
#CBC5D1
#C7C7D3
#C3C9D5
#BECCD7
Colorpallet from #CCD7BE to #D7BECC and to #BED7CC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CED3C0
#CDD4C0
#CDD4C0
#CCD5C0
#CBD6C0
#CBD6C0
#CAD7C0
#D0CFC2
#CFD0C2
#CDD2C2
#CCD3C2
#CBD4C2
#CAD5C2
#C8D7C2
#D1CBC5
#CFCDC5
#CDCFC5
#CBD1C5
#C9D3C5
#C7D5C5
#C5D7C5
#D3C7C7
#D0CAC7
#CECCC7
#CBCFC7
#C9D1C7
#C6D4C7
#C3D7C7
#D5C3C9
#D2C6C9
#CFC9C9
#CBCDC9
#C8D0C9
#C5D3C9
#C1D7C9
#D7BECC
#D3C2CC
#CFC6CC
#CBCACC
#C7CECC
#C3D2CC
#BED7CC
Colorpallet from #CCD7BE to #BECCD7 and to #BED7CC
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CCD7BE
#CAD5C2
#CAD5C2
#CAD6C1
#CAD6C1
#CAD6C1
#CAD7C0
#CAD7C0
#C8D3C6
#C8D4C5
#C8D4C5
#C8D5C4
#C8D6C3
#C8D6C3
#C8D7C2
#C5D2CA
#C5D3C9
#C5D4C8
#C5D4C8
#C5D5C7
#C5D6C6
#C5D7C5
#C3D0CE
#C3D1CD
#C3D2CC
#C3D3CB
#C3D4CA
#C3D6C8
#C3D7C7
#C1CED2
#C1CFD1
#C1D1CF
#C1D2CE
#C1D4CC
#C1D5CB
#C1D7C9
#BECCD7
#BECED5
#BED0D3
#BED1D2
#BED3D0
#BED5CE
#BED7CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts