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 #BEC8D6 to #BED6C8 and to #C8BED6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BECAD4
#BEC9D4
#BFC9D5
#BFC8D5
#BFC7D5
#C0C7D6
#C0C6D6
#BECCD2
#BECBD3
#BFCAD3
#BFC9D4
#C0C8D5
#C0C6D5
#C1C5D6
#BECFCF
#BFCDD0
#C0CBD1
#C0C9D2
#C1C7D3
#C2C5D5
#C3C3D6
#BED1CD
#BFCFCE
#C0CCD0
#C1CAD1
#C2C7D3
#C3C5D4
#C4C2D6
#BED3CB
#BFD0CD
#C1CDCF
#C2CAD0
#C3C7D2
#C4C4D4
#C6C0D6
#BED6C8
#C0D2CA
#C1CECC
#C3CACF
#C4C7D1
#C6C3D3
#C8BED6
Colorpallet from #BEC8D6 to #BED6C8 and to #C8D6BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BECAD4
#BECAD4
#BFCAD3
#BFCAD3
#BFCAD3
#C0CAD2
#C0CAD2
#BECCD2
#BECCD1
#BFCCD1
#BFCCD0
#C0CCCF
#C0CCCF
#C1CCCE
#BECFCF
#BFCFCE
#C0CFCD
#C0CFCD
#C1CFCC
#C2CFCB
#C3CFCA
#BED1CD
#BFD1CC
#C0D1CB
#C1D1CA
#C2D1C9
#C3D1C8
#C4D1C7
#BED3CB
#BFD3CA
#C1D3C8
#C2D3C7
#C3D3C6
#C4D3C5
#C6D3C3
#BED6C8
#C0D6C6
#C1D6C5
#C3D6C3
#C4D6C2
#C6D6C0
#C8D6BE
Colorpallet from #BEC8D6 to #BED6C8 and to #D6BEC8
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BECAD4
#BFC9D4
#BFC9D4
#C0C8D4
#C1C7D4
#C1C7D4
#C2C6D4
#BECCD2
#BFCBD2
#C1CAD2
#C2C9D2
#C3C8D2
#C4C6D2
#C6C5D2
#BECFCF
#C0CDCF
#C2CBCF
#C4C9CF
#C6C7CF
#C8C5CF
#CAC3CF
#BED1CD
#C0CFCD
#C3CCCD
#C5CACD
#C8C7CD
#CAC5CD
#CDC2CD
#BED3CB
#C1D0CB
#C4CDCB
#C7CACB
#CAC7CB
#CDC4CB
#D1C0CB
#BED6C8
#C2D2C8
#C6CEC8
#CACAC8
#CDC7C8
#D1C3C8
#D6BEC8
Colorpallet from #BEC8D6 to #BED6C8 and to #D6C8BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BECAD4
#BFCAD4
#BFC9D3
#C0C9D3
#C1C9D3
#C1C8D2
#C2C8D2
#BECCD2
#BFCBD1
#C1CBD1
#C2CAD0
#C3C9CF
#C4C9CF
#C6C8CE
#BECFCF
#C0CECE
#C2CDCD
#C4CCCD
#C6CBCC
#C8C9CB
#CAC8CA
#BED1CD
#C0D0CC
#C3CECB
#C5CDCA
#C8CBC9
#CACAC8
#CDC8C7
#BED3CB
#C1D1CA
#C4CFC8
#C7CEC7
#CACCC6
#CDCAC5
#D1C8C3
#BED6C8
#C2D4C6
#C6D2C5
#CACFC3
#CDCDC2
#D1CBC0
#D6C8BE
Colorpallet from #BEC8D6 to #C8BED6 and to #C8D6BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C0C6D6
#C0C7D5
#C0C7D5
#C0C8D4
#C0C9D3
#C0C9D3
#C0CAD2
#C1C5D6
#C1C6D5
#C1C7D3
#C1C8D2
#C1C9D1
#C1CBD0
#C1CCCE
#C3C3D6
#C3C5D4
#C3C7D2
#C3C9D0
#C3CBCE
#C3CDCC
#C3CFCA
#C4C2D6
#C4C4D4
#C4C7D1
#C4C9CF
#C4CCCC
#C4CECA
#C4D1C7
#C6C0D6
#C6C3D3
#C6C6D0
#C6C9CD
#C6CCCA
#C6CFC7
#C6D3C3
#C8BED6
#C8C2D2
#C8C6CE
#C8CACA
#C8CDC7
#C8D1C3
#C8D6BE
Colorpallet from #BEC8D6 to #C8BED6 and to #D6BEC8
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C0C6D6
#C0C6D6
#C1C6D5
#C1C6D5
#C1C6D5
#C2C6D4
#C2C6D4
#C1C5D6
#C2C5D5
#C3C5D5
#C3C5D4
#C4C5D3
#C5C5D3
#C6C5D2
#C3C3D6
#C4C3D5
#C5C3D4
#C6C3D3
#C7C3D2
#C9C3D0
#CAC3CF
#C4C2D6
#C5C2D5
#C7C2D3
#C8C2D2
#CAC2D0
#CBC2CF
#CDC2CD
#C6C0D6
#C8C0D4
#CAC0D2
#CBC0D1
#CDC0CF
#CFC0CD
#D1C0CB
#C8BED6
#CABED4
#CCBED2
#CFBECF
#D1BECD
#D3BECB
#D6BEC8
Colorpallet from #BEC8D6 to #C8BED6 and to #D6C8BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C0C6D6
#C0C6D5
#C1C7D5
#C1C7D4
#C1C7D3
#C2C8D3
#C2C8D2
#C1C5D6
#C2C5D5
#C3C6D3
#C3C6D2
#C4C7D1
#C5C7D0
#C6C8CE
#C3C3D6
#C4C4D4
#C5C5D2
#C6C5D0
#C7C6CE
#C9C7CC
#CAC8CA
#C4C2D6
#C5C3D4
#C7C4D1
#C8C5CF
#CAC6CC
#CBC7CA
#CDC8C7
#C6C0D6
#C8C1D3
#CAC3D0
#CBC4CD
#CDC5CA
#CFC6C7
#D1C8C3
#C8BED6
#CAC0D2
#CCC1CE
#CFC3CA
#D1C4C7
#D3C6C3
#D6C8BE
Colorpallet from #BEC8D6 to #C8D6BE and to #D6BEC8
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C0CAD2
#C0C9D2
#C1C9D3
#C1C8D3
#C1C7D3
#C2C7D4
#C2C6D4
#C1CCCE
#C2CBCF
#C3CACF
#C3C9D0
#C4C8D1
#C5C6D1
#C6C5D2
#C3CFCA
#C4CDCB
#C5CBCC
#C6C9CC
#C7C7CD
#C9C5CE
#CAC3CF
#C4D1C7
#C5CFC8
#C7CCC9
#C8CACA
#CAC7CB
#CBC5CC
#CDC2CD
#C6D3C3
#C8D0C4
#CACDC6
#CBCAC7
#CDC7C8
#CFC4C9
#D1C0CB
#C8D6BE
#CAD2C0
#CCCEC1
#CFCAC3
#D1C7C4
#D3C3C6
#D6BEC8
Colorpallet from #BEC8D6 to #C8D6BE and to #D6C8BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C0CAD2
#C0CAD2
#C1C9D2
#C1C9D2
#C1C9D2
#C2C8D2
#C2C8D2
#C1CCCE
#C2CBCE
#C3CBCE
#C3CACE
#C4C9CE
#C5C9CE
#C6C8CE
#C3CFCA
#C4CECA
#C5CDCA
#C6CCCA
#C7CBCA
#C9C9CA
#CAC8CA
#C4D1C7
#C5D0C7
#C7CEC7
#C8CDC7
#CACBC7
#CBCAC7
#CDC8C7
#C6D3C3
#C8D1C3
#CACFC3
#CBCEC3
#CDCCC3
#CFCAC3
#D1C8C3
#C8D6BE
#CAD4BE
#CCD2BE
#CFCFBE
#D1CDBE
#D3CBBE
#D6C8BE
Colorpallet from #BEC8D6 to #D6BEC8 and to #D6C8BE
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#BEC8D6
#C2C6D4
#C2C6D4
#C2C7D3
#C2C7D3
#C2C7D3
#C2C8D2
#C2C8D2
#C6C5D2
#C6C5D1
#C6C6D1
#C6C6D0
#C6C7CF
#C6C7CF
#C6C8CE
#CAC3CF
#CAC4CE
#CAC5CD
#CAC5CD
#CAC6CC
#CAC7CB
#CAC8CA
#CDC2CD
#CDC3CC
#CDC4CB
#CDC5CA
#CDC6C9
#CDC7C8
#CDC8C7
#D1C0CB
#D1C1CA
#D1C3C8
#D1C4C7
#D1C5C6
#D1C6C5
#D1C8C3
#D6BEC8
#D6C0C6
#D6C1C5
#D6C3C3
#D6C4C2
#D6C6C0
#D6C8BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts