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 #D4BEC8 to #D4C8BE and to #BED4C8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4C0C6
#D3C0C6
#D3C1C7
#D2C1C7
#D1C1C7
#D1C2C8
#D0C2C8
#D4C1C5
#D3C2C5
#D2C2C6
#D1C3C6
#D0C4C7
#CEC4C7
#CDC5C8
#D4C3C3
#D2C4C4
#D0C5C5
#CFC6C5
#CDC7C6
#CBC8C7
#C9C9C8
#D4C4C2
#D2C5C3
#D0C7C4
#CDC8C5
#CBC9C6
#C9CAC7
#C6CCC8
#D4C6C0
#D1C8C1
#CEC9C3
#CBCBC4
#C8CCC5
#C6CEC6
#C2D0C8
#D4C8BE
#D0CAC0
#CDCCC1
#C9CEC3
#C6D0C4
#C2D2C6
#BED4C8
Colorpallet from #D4BEC8 to #D4C8BE and to #BEC8D4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4C0C6
#D3C0C7
#D3C0C7
#D2C0C8
#D1C0C9
#D1C0C9
#D0C0CA
#D4C1C5
#D3C1C6
#D2C1C7
#D1C1C8
#D0C1C9
#CEC1CB
#CDC1CC
#D4C3C3
#D2C3C5
#D0C3C7
#CFC3C8
#CDC3CA
#CBC3CC
#C9C3CE
#D4C4C2
#D2C4C4
#D0C4C6
#CDC4C9
#CBC4CB
#C9C4CD
#C6C4D0
#D4C6C0
#D1C6C3
#CEC6C6
#CBC6C9
#C8C6CC
#C6C6CE
#C2C6D2
#D4C8BE
#D0C8C2
#CDC8C5
#C9C8C9
#C6C8CC
#C2C8D0
#BEC8D4
Colorpallet from #D4BEC8 to #D4C8BE and to #C8D4BE
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4C0C6
#D4C0C6
#D3C1C6
#D3C1C6
#D3C1C6
#D2C2C6
#D2C2C6
#D4C1C5
#D3C2C5
#D3C2C5
#D2C3C5
#D1C4C5
#D1C4C5
#D0C5C5
#D4C3C3
#D3C4C3
#D2C5C3
#D1C6C3
#D0C7C3
#CFC8C3
#CEC9C3
#D4C4C2
#D3C5C2
#D1C7C2
#D0C8C2
#CFC9C2
#CECAC2
#CCCCC2
#D4C6C0
#D2C8C0
#D1C9C0
#CFCBC0
#CECCC0
#CCCEC0
#CAD0C0
#D4C8BE
#D2CABE
#D0CCBE
#CECEBE
#CCD0BE
#CAD2BE
#C8D4BE
Colorpallet from #D4BEC8 to #D4C8BE and to #C8BED4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4C0C6
#D4C0C7
#D3BFC7
#D3BFC8
#D3BFC9
#D2BEC9
#D2BECA
#D4C1C5
#D3C1C6
#D3C0C7
#D2C0C8
#D1BFC9
#D1BFCB
#D0BECC
#D4C3C3
#D3C2C5
#D2C1C7
#D1C1C8
#D0C0CA
#CFBFCC
#CEBECE
#D4C4C2
#D3C3C4
#D1C2C6
#D0C1C9
#CFC0CB
#CEBFCD
#CCBED0
#D4C6C0
#D2C5C3
#D1C3C6
#CFC2C9
#CEC1CC
#CCC0CE
#CABED2
#D4C8BE
#D2C6C2
#D0C5C5
#CEC3C9
#CCC2CC
#CAC0D0
#C8BED4
Colorpallet from #D4BEC8 to #BED4C8 and to #BEC8D4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D0C2C8
#D0C2C8
#D0C1C9
#D0C1C9
#D0C1C9
#D0C0CA
#D0C0CA
#CDC5C8
#CDC4C9
#CDC4C9
#CDC3CA
#CDC2CB
#CDC2CB
#CDC1CC
#C9C9C8
#C9C8C9
#C9C7CA
#C9C6CB
#C9C5CC
#C9C4CD
#C9C3CE
#C6CCC8
#C6CBC9
#C6C9CB
#C6C8CC
#C6C7CD
#C6C6CE
#C6C4D0
#C2D0C8
#C2CECA
#C2CDCB
#C2CBCD
#C2CACE
#C2C8D0
#C2C6D2
#BED4C8
#BED2CA
#BED0CC
#BECECE
#BECCD0
#BECAD2
#BEC8D4
Colorpallet from #D4BEC8 to #BED4C8 and to #C8D4BE
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D0C2C8
#D0C2C8
#D1C2C7
#D1C2C7
#D1C2C7
#D2C2C6
#D2C2C6
#CDC5C8
#CDC5C8
#CEC5C7
#CEC5C7
#CFC5C6
#CFC5C6
#D0C5C5
#C9C9C8
#CAC9C7
#CBC9C6
#CBC9C6
#CCC9C5
#CDC9C4
#CEC9C3
#C6CCC8
#C7CCC7
#C8CCC6
#C9CCC5
#CACCC4
#CBCCC3
#CCCCC2
#C2D0C8
#C3D0C7
#C5D0C5
#C6D0C4
#C7D0C3
#C8D0C2
#CAD0C0
#BED4C8
#C0D4C6
#C1D4C5
#C3D4C3
#C4D4C2
#C6D4C0
#C8D4BE
Colorpallet from #D4BEC8 to #BED4C8 and to #C8BED4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D0C2C8
#D0C1C8
#D1C1C9
#D1C0C9
#D1BFC9
#D2BFCA
#D2BECA
#CDC5C8
#CDC4C9
#CEC3C9
#CEC2CA
#CFC1CB
#CFBFCB
#D0BECC
#C9C9C8
#CAC7C9
#CBC5CA
#CBC4CB
#CCC2CC
#CDC0CD
#CEBECE
#C6CCC8
#C7CAC9
#C8C8CB
#C9C5CC
#CAC3CD
#CBC1CE
#CCBED0
#C2D0C8
#C3CDCA
#C5CACB
#C6C7CD
#C7C4CE
#C8C2D0
#CABED2
#BED4C8
#C0D0CA
#C1CDCC
#C3C9CE
#C4C6D0
#C6C2D2
#C8BED4
Colorpallet from #D4BEC8 to #BEC8D4 and to #C8D4BE
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D0C0CA
#D0C0C9
#D1C1C9
#D1C1C8
#D1C1C7
#D2C2C7
#D2C2C6
#CDC1CC
#CDC2CB
#CEC2CA
#CEC3C9
#CFC4C8
#CFC4C6
#D0C5C5
#C9C3CE
#CAC4CC
#CBC5CA
#CBC6C9
#CCC7C7
#CDC8C5
#CEC9C3
#C6C4D0
#C7C5CE
#C8C7CC
#C9C8C9
#CAC9C7
#CBCAC5
#CCCCC2
#C2C6D2
#C3C8CF
#C5C9CC
#C6CBC9
#C7CCC6
#C8CEC4
#CAD0C0
#BEC8D4
#C0CAD0
#C1CCCD
#C3CEC9
#C4D0C6
#C6D2C2
#C8D4BE
Colorpallet from #D4BEC8 to #BEC8D4 and to #C8BED4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D0C0CA
#D0C0CA
#D1BFCA
#D1BFCA
#D1BFCA
#D2BECA
#D2BECA
#CDC1CC
#CDC1CC
#CEC0CC
#CEC0CC
#CFBFCC
#CFBFCC
#D0BECC
#C9C3CE
#CAC2CE
#CBC1CE
#CBC1CE
#CCC0CE
#CDBFCE
#CEBECE
#C6C4D0
#C7C3D0
#C8C2D0
#C9C1D0
#CAC0D0
#CBBFD0
#CCBED0
#C2C6D2
#C3C5D2
#C5C3D2
#C6C2D2
#C7C1D2
#C8C0D2
#CABED2
#BEC8D4
#C0C6D4
#C1C5D4
#C3C3D4
#C4C2D4
#C6C0D4
#C8BED4
Colorpallet from #D4BEC8 to #C8D4BE and to #C8BED4
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D4BEC8
#D2C2C6
#D2C1C7
#D2C1C7
#D2C0C8
#D2BFC9
#D2BFC9
#D2BECA
#D0C5C5
#D0C4C6
#D0C3C7
#D0C2C8
#D0C1C9
#D0BFCB
#D0BECC
#CEC9C3
#CEC7C5
#CEC5C7
#CEC4C8
#CEC2CA
#CEC0CC
#CEBECE
#CCCCC2
#CCCAC4
#CCC8C6
#CCC5C9
#CCC3CB
#CCC1CD
#CCBED0
#CAD0C0
#CACDC3
#CACAC6
#CAC7C9
#CAC4CC
#CAC2CE
#CABED2
#C8D4BE
#C8D0C2
#C8CDC5
#C8C9C9
#C8C6CC
#C8C2D0
#C8BED4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts