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 #CFD8BE to #CFBED8 and to #D8CFBE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD4C2
#CFD4C1
#CFD5C1
#CFD5C0
#D0D6BF
#D0D6BF
#D0D7BE
#CFD0C6
#CFD1C5
#D0D2C3
#D0D2C2
#D1D3C1
#D1D4C0
#D2D5BE
#CFCCCA
#D0CDC8
#D0CFC6
#D1D0C4
#D2D1C2
#D2D2C0
#D3D4BE
#CFC7CF
#D0C9CC
#D1CBCA
#D2CCC7
#D3CEC4
#D4D0C1
#D5D2BE
#CFC3D3
#D0C5D0
#D1C7CC
#D2CAC9
#D3CCC6
#D5CEC2
#D6D1BE
#CFBED8
#D0C1D4
#D2C3D0
#D3C6CC
#D5C9C7
#D6CCC3
#D8CFBE
Colorpallet from #CFD8BE to #CFBED8 and to #D8BECF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD4C2
#CFD4C2
#CFD4C2
#CFD4C2
#D0D4C1
#D0D4C1
#D0D4C1
#CFD0C6
#CFD0C6
#D0D0C5
#D0D0C5
#D1D0C4
#D1D0C4
#D2D0C3
#CFCCCA
#D0CCC9
#D0CCC9
#D1CCC8
#D2CCC7
#D2CCC7
#D3CCC6
#CFC7CF
#D0C7CE
#D1C7CD
#D2C7CC
#D3C7CB
#D4C7CA
#D5C7C9
#CFC3D3
#D0C3D2
#D1C3D1
#D2C3D0
#D3C3CF
#D5C3CD
#D6C3CC
#CFBED8
#D0BED7
#D2BED5
#D3BED4
#D5BED2
#D6BED1
#D8BECF
Colorpallet from #CFD8BE to #CFBED8 and to #BECFD8
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD4C2
#CFD4C2
#CED5C2
#CED5C2
#CDD6C2
#CDD6C2
#CCD7C2
#CFD0C6
#CED1C6
#CDD2C6
#CDD2C6
#CCD3C6
#CBD4C6
#CAD5C6
#CFCCCA
#CECDCA
#CCCFCA
#CBD0CA
#CAD1CA
#C9D2CA
#C7D4CA
#CFC7CF
#CDC9CF
#CBCBCF
#CACCCF
#C8CECF
#C6D0CF
#C4D2CF
#CFC3D3
#CDC5D3
#CBC7D3
#C8CAD3
#C6CCD3
#C4CED3
#C1D1D3
#CFBED8
#CCC1D8
#CAC3D8
#C7C6D8
#C4C9D8
#C1CCD8
#BECFD8
Colorpallet from #CFD8BE to #CFBED8 and to #BED8CF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD4C2
#CFD5C2
#CED5C2
#CED6C2
#CDD7C1
#CDD7C1
#CCD8C1
#CFD0C6
#CED1C6
#CDD3C5
#CDD4C5
#CCD5C4
#CBD6C4
#CAD8C3
#CFCCCA
#CECEC9
#CCD0C9
#CBD2C8
#CAD4C7
#C9D6C7
#C7D8C6
#CFC7CF
#CDCACE
#CBCCCD
#CACFCC
#C8D2CB
#C6D5CA
#C4D8C9
#CFC3D3
#CDC6D2
#CBCAD1
#C8CDD0
#C6D0CF
#C4D4CD
#C1D8CC
#CFBED8
#CCC2D7
#CAC6D5
#C7CAD4
#C4CFD2
#C1D3D1
#BED8CF
Colorpallet from #CFD8BE to #D8CFBE and to #D8BECF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#D0D7BE
#D0D7BE
#D0D6BF
#D0D6BF
#D0D5C0
#D0D5C0
#D0D4C1
#D2D5BE
#D2D4BF
#D2D3C0
#D2D3C0
#D2D2C1
#D2D1C2
#D2D0C3
#D3D4BE
#D3D3BF
#D3D1C1
#D3D0C2
#D3CFC3
#D3CEC4
#D3CCC6
#D5D2BE
#D5D0C0
#D5CEC2
#D5CDC3
#D5CBC5
#D5C9C7
#D5C7C9
#D6D1BE
#D6CFC0
#D6CDC2
#D6CAC5
#D6C8C7
#D6C6C9
#D6C3CC
#D8CFBE
#D8CCC1
#D8CAC3
#D8C7C6
#D8C4C9
#D8C1CC
#D8BECF
Colorpallet from #CFD8BE to #D8CFBE and to #BECFD8
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#D0D7BE
#CFD7BF
#CFD7BF
#CED7C0
#CDD7C1
#CDD7C1
#CCD7C2
#D2D5BE
#D1D5BF
#CFD5C1
#CED5C2
#CDD5C3
#CCD5C4
#CAD5C6
#D3D4BE
#D1D4C0
#CFD4C2
#CDD4C4
#CBD4C6
#C9D4C8
#C7D4CA
#D5D2BE
#D2D2C1
#D0D2C3
#CDD2C6
#CAD2C9
#C7D2CC
#C4D2CF
#D6D1BE
#D3D1C1
#CFD1C5
#CCD1C8
#C9D1CB
#C5D1CF
#C1D1D3
#D8CFBE
#D4CFC2
#D0CFC6
#CCCFCA
#C7CFCF
#C3CFD3
#BECFD8
Colorpallet from #CFD8BE to #D8CFBE and to #BED8CF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#D0D7BE
#CFD7BE
#CFD7BF
#CED7BF
#CDD8C0
#CDD8C0
#CCD8C1
#D2D5BE
#D1D5BF
#CFD6C0
#CED6C0
#CDD7C1
#CCD7C2
#CAD8C3
#D3D4BE
#D1D5BF
#CFD5C1
#CDD6C2
#CBD7C3
#C9D7C4
#C7D8C6
#D5D2BE
#D2D3C0
#D0D4C2
#CDD5C3
#CAD6C5
#C7D7C7
#C4D8C9
#D6D1BE
#D3D2C0
#CFD3C2
#CCD4C5
#C9D5C7
#C5D7C9
#C1D8CC
#D8CFBE
#D4D0C1
#D0D2C3
#CCD3C6
#C7D5C9
#C3D6CC
#BED8CF
Colorpallet from #CFD8BE to #D8BECF and to #BECFD8
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#D0D4C1
#CFD4C1
#CFD5C1
#CED5C1
#CDD6C2
#CDD6C2
#CCD7C2
#D2D0C3
#D1D1C3
#CFD2C4
#CED2C4
#CDD3C5
#CCD4C5
#CAD5C6
#D3CCC6
#D1CDC7
#CFCFC7
#CDD0C8
#CBD1C9
#C9D2C9
#C7D4CA
#D5C7C9
#D2C9CA
#D0CBCB
#CDCCCC
#CACECD
#C7D0CE
#C4D2CF
#D6C3CC
#D3C5CD
#CFC7CE
#CCCACF
#C9CCD0
#C5CED2
#C1D1D3
#D8BECF
#D4C1D0
#D0C3D2
#CCC6D3
#C7C9D5
#C3CCD6
#BECFD8
Colorpallet from #CFD8BE to #D8BECF and to #BED8CF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#D0D4C1
#CFD5C1
#CFD5C1
#CED6C1
#CDD7C1
#CDD7C1
#CCD8C1
#D2D0C3
#D1D1C3
#CFD3C3
#CED4C3
#CDD5C3
#CCD6C3
#CAD8C3
#D3CCC6
#D1CEC6
#CFD0C6
#CDD2C6
#CBD4C6
#C9D6C6
#C7D8C6
#D5C7C9
#D2CAC9
#D0CCC9
#CDCFC9
#CAD2C9
#C7D5C9
#C4D8C9
#D6C3CC
#D3C6CC
#CFCACC
#CCCDCC
#C9D0CC
#C5D4CC
#C1D8CC
#D8BECF
#D4C2CF
#D0C6CF
#CCCACF
#C7CFCF
#C3D3CF
#BED8CF
Colorpallet from #CFD8BE to #BECFD8 and to #BED8CF
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CFD8BE
#CCD7C2
#CCD7C2
#CCD7C2
#CCD7C2
#CCD8C1
#CCD8C1
#CCD8C1
#CAD5C6
#CAD5C6
#CAD6C5
#CAD6C5
#CAD7C4
#CAD7C4
#CAD8C3
#C7D4CA
#C7D5C9
#C7D5C9
#C7D6C8
#C7D7C7
#C7D7C7
#C7D8C6
#C4D2CF
#C4D3CE
#C4D4CD
#C4D5CC
#C4D6CB
#C4D7CA
#C4D8C9
#C1D1D3
#C1D2D2
#C1D3D1
#C1D4D0
#C1D5CF
#C1D7CD
#C1D8CC
#BECFD8
#BED0D7
#BED2D5
#BED3D4
#BED5D2
#BED6D1
#BED8CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
