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 #BED6C7 to #BEC7D6 and to #D6BEC7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED4C9
#BFD4C9
#BFD3C8
#C0D3C8
#C1D3C8
#C1D2C7
#C2D2C7
#BED1CC
#BFD1CB
#C1D0CA
#C2D0CA
#C3CFC9
#C4CFC8
#C6CEC7
#BECFCE
#C0CECD
#C2CDCC
#C4CDCB
#C6CCCA
#C8CBC8
#CACAC7
#BECCD1
#C0CBCF
#C3CACE
#C5CACC
#C8C9CB
#CAC8C9
#CDC7C7
#BECAD3
#C1C9D1
#C4C8CF
#C7C7CD
#CAC6CB
#CDC4C9
#D1C3C7
#BEC7D6
#C2C6D4
#C6C4D1
#CAC3CF
#CDC1CC
#D1C0CA
#D6BEC7
Colorpallet from #BED6C7 to #BEC7D6 and to #D6C7BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED4C9
#BFD4C9
#BFD4C8
#C0D4C8
#C1D4C7
#C1D4C7
#C2D4C6
#BED1CC
#BFD1CB
#C1D1C9
#C2D1C8
#C3D1C7
#C4D1C6
#C6D1C4
#BECFCE
#C0CFCC
#C2CFCA
#C4CFC9
#C6CFC7
#C8CFC5
#CACFC3
#BECCD1
#C0CCCE
#C3CCCC
#C5CCC9
#C8CCC7
#CACCC4
#CDCCC1
#BECAD3
#C1CAD0
#C4CACD
#C7CACA
#CACAC7
#CDCAC4
#D1CAC0
#BEC7D6
#C2C7D2
#C6C7CE
#CAC7CA
#CDC7C7
#D1C7C3
#D6C7BE
Colorpallet from #BED6C7 to #BEC7D6 and to #C7BED6
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED4C9
#BED4C9
#BED3C9
#BED3C9
#BFD3C9
#BFD2C9
#BFD2C9
#BED1CC
#BED1CC
#BFD0CC
#BFD0CC
#C0CFCC
#C0CFCC
#C1CECC
#BECFCE
#BFCECE
#BFCDCE
#C0CDCE
#C1CCCE
#C1CBCE
#C2CACE
#BECCD1
#BFCBD1
#C0CAD1
#C1CAD1
#C2C9D1
#C3C8D1
#C4C7D1
#BECAD3
#BFC9D3
#C0C8D3
#C1C7D3
#C2C6D3
#C4C4D3
#C5C3D3
#BEC7D6
#BFC6D6
#C1C4D6
#C2C3D6
#C4C1D6
#C5C0D6
#C7BED6
Colorpallet from #BED6C7 to #BEC7D6 and to #C7D6BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED4C9
#BED4C9
#BED5C8
#BED5C8
#BFD5C7
#BFD6C7
#BFD6C6
#BED1CC
#BED2CB
#BFD3C9
#BFD3C8
#C0D4C7
#C0D5C6
#C1D6C4
#BECFCE
#BFD0CC
#BFD1CA
#C0D2C9
#C1D3C7
#C1D5C5
#C2D6C3
#BECCD1
#BFCECE
#C0CFCC
#C1D1C9
#C2D2C7
#C3D4C4
#C4D6C1
#BECAD3
#BFCCD0
#C0CECD
#C1D0CA
#C2D2C7
#C4D4C4
#C5D6C0
#BEC7D6
#BFC9D2
#C1CCCE
#C2CECA
#C4D1C7
#C5D3C3
#C7D6BE
Colorpallet from #BED6C7 to #D6BEC7 and to #D6C7BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#C2D2C7
#C2D2C7
#C2D3C7
#C2D3C7
#C2D3C6
#C2D4C6
#C2D4C6
#C6CEC7
#C6CEC7
#C6CFC6
#C6CFC6
#C6D0C5
#C6D0C5
#C6D1C4
#CACAC7
#CACBC6
#CACCC6
#CACCC5
#CACDC4
#CACEC4
#CACFC3
#CDC7C7
#CDC8C6
#CDC9C5
#CDC9C4
#CDCAC3
#CDCBC2
#CDCCC1
#D1C3C7
#D1C4C6
#D1C5C5
#D1C6C4
#D1C7C3
#D1C9C1
#D1CAC0
#D6BEC7
#D6BFC6
#D6C1C4
#D6C2C3
#D6C4C1
#D6C5C0
#D6C7BE
Colorpallet from #BED6C7 to #D6BEC7 and to #C7BED6
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#C2D2C7
#C2D2C7
#C1D2C8
#C1D2C8
#C0D2C8
#C0D2C9
#BFD2C9
#C6CEC7
#C5CEC8
#C4CEC9
#C4CEC9
#C3CECA
#C2CECB
#C1CECC
#CACAC7
#C9CAC8
#C7CAC9
#C6CACA
#C5CACB
#C4CACD
#C2CACE
#CDC7C7
#CCC7C9
#CAC7CA
#C9C7CC
#C7C7CD
#C6C7CF
#C4C7D1
#D1C3C7
#CFC3C9
#CDC3CB
#CBC3CD
#C9C3CF
#C7C3D1
#C5C3D3
#D6BEC7
#D4BEC9
#D1BECC
#CFBECE
#CCBED1
#CABED3
#C7BED6
Colorpallet from #BED6C7 to #D6BEC7 and to #C7D6BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#C2D2C7
#C2D3C7
#C1D3C7
#C1D4C7
#C0D5C6
#C0D5C6
#BFD6C6
#C6CEC7
#C5CFC7
#C4D1C6
#C4D2C6
#C3D3C5
#C2D4C5
#C1D6C4
#CACAC7
#C9CCC6
#C7CEC6
#C6D0C5
#C5D2C4
#C4D4C4
#C2D6C3
#CDC7C7
#CCC9C6
#CACCC5
#C9CEC4
#C7D1C3
#C6D3C2
#C4D6C1
#D1C3C7
#CFC6C6
#CDC9C5
#CBCCC4
#C9CFC3
#C7D2C1
#C5D6C0
#D6BEC7
#D4C2C6
#D1C6C4
#CFCAC3
#CCCDC1
#CAD1C0
#C7D6BE
Colorpallet from #BED6C7 to #D6C7BE and to #C7BED6
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#C2D4C6
#C2D4C6
#C1D3C7
#C1D3C7
#C0D3C8
#C0D2C8
#BFD2C9
#C6D1C4
#C5D1C5
#C4D0C7
#C4D0C8
#C3CFC9
#C2CFCA
#C1CECC
#CACFC3
#C9CEC5
#C7CDC7
#C6CDC8
#C5CCCA
#C4CBCC
#C2CACE
#CDCCC1
#CCCBC4
#CACAC6
#C9CAC9
#C7C9CB
#C6C8CE
#C4C7D1
#D1CAC0
#CFC9C3
#CDC8C6
#CBC7C9
#C9C6CC
#C7C4CF
#C5C3D3
#D6C7BE
#D4C6C2
#D1C4C6
#CFC3CA
#CCC1CD
#CAC0D1
#C7BED6
Colorpallet from #BED6C7 to #D6C7BE and to #C7D6BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#C2D4C6
#C2D4C6
#C1D5C6
#C1D5C6
#C0D5C6
#C0D6C6
#BFD6C6
#C6D1C4
#C5D2C4
#C4D3C4
#C4D3C4
#C3D4C4
#C2D5C4
#C1D6C4
#CACFC3
#C9D0C3
#C7D1C3
#C6D2C3
#C5D3C3
#C4D5C3
#C2D6C3
#CDCCC1
#CCCEC1
#CACFC1
#C9D1C1
#C7D2C1
#C6D4C1
#C4D6C1
#D1CAC0
#CFCCC0
#CDCEC0
#CBD0C0
#C9D2C0
#C7D4C0
#C5D6C0
#D6C7BE
#D4C9BE
#D1CCBE
#CFCEBE
#CCD1BE
#CAD3BE
#C7D6BE
Colorpallet from #BED6C7 to #C7BED6 and to #C7D6BE
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BED6C7
#BFD2C9
#BFD3C9
#BFD3C8
#BFD4C8
#BFD5C7
#BFD5C7
#BFD6C6
#C1CECC
#C1CFCB
#C1D1C9
#C1D2C8
#C1D3C7
#C1D4C6
#C1D6C4
#C2CACE
#C2CCCC
#C2CECA
#C2D0C9
#C2D2C7
#C2D4C5
#C2D6C3
#C4C7D1
#C4C9CE
#C4CCCC
#C4CEC9
#C4D1C7
#C4D3C4
#C4D6C1
#C5C3D3
#C5C6D0
#C5C9CD
#C5CCCA
#C5CFC7
#C5D2C4
#C5D6C0
#C7BED6
#C7C2D2
#C7C6CE
#C7CACA
#C7CDC7
#C7D1C3
#C7D6BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
