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 #BECBDD to #BEDDCB and to #CBBEDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECEDA
#BECDDA
#BFCCDB
#BFCCDB
#BFCBDC
#C0CADC
#C0C9DD
#BED1D7
#BFCFD8
#BFCED9
#C0CCDA
#C1CBDB
#C1C9DC
#C2C7DD
#BED4D4
#BFD2D5
#C0CFD7
#C1CDD8
#C2CADA
#C3C8DB
#C4C5DD
#BED7D1
#BFD4D3
#C1D1D5
#C2CDD7
#C3CAD9
#C4C7DB
#C6C3DD
#BED9CF
#C0D5D1
#C1D1D3
#C3CDD6
#C4CAD8
#C6C6DA
#C8C1DD
#BEDDCB
#C0D8CE
#C2D3D1
#C4CED4
#C6C9D7
#C8C4D9
#CBBEDD
Colorpallet from #BECBDD to #BEDDCB and to #CBDDBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECEDA
#BECEDA
#BFCED9
#BFCED9
#BFCED9
#C0CED8
#C0CED8
#BED1D7
#BFD1D6
#BFD1D6
#C0D1D5
#C1D1D4
#C1D1D4
#C2D1D3
#BED4D4
#BFD4D3
#C0D4D2
#C1D4D1
#C2D4D0
#C3D4CF
#C4D4CE
#BED7D1
#BFD7D0
#C1D7CE
#C2D7CD
#C3D7CC
#C4D7CB
#C6D7C9
#BED9CF
#C0D9CD
#C1D9CB
#C3D9CA
#C4D9C8
#C6D9C6
#C8D9C4
#BEDDCB
#C0DDC9
#C2DDC7
#C4DDC5
#C6DDC3
#C8DDC1
#CBDDBE
Colorpallet from #BECBDD to #BEDDCB and to #DDBECB
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECEDA
#BFCDDA
#C0CCDA
#C0CCDA
#C1CBDA
#C2CADA
#C3C9DA
#BED1D7
#C0CFD7
#C1CED7
#C3CCD7
#C4CBD7
#C6C9D7
#C8C7D7
#BED4D4
#C0D2D4
#C3CFD4
#C5CDD4
#C8CAD4
#CAC8D4
#CDC5D4
#BED7D1
#C1D4D1
#C4D1D1
#C8CDD1
#CBCAD1
#CEC7D1
#D2C3D1
#BED9CF
#C2D5CF
#C6D1CF
#CACDCF
#CECACF
#D2C6CF
#D7C1CF
#BEDDCB
#C3D8CB
#C8D3CB
#CDCECB
#D2C9CB
#D7C4CB
#DDBECB
Colorpallet from #BECBDD to #BEDDCB and to #DDCBBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECEDA
#BFCEDA
#C0CDD9
#C0CDD9
#C1CCD9
#C2CCD8
#C3CBD8
#BED1D7
#C0D0D6
#C1CFD6
#C3CED5
#C4CDD4
#C6CCD4
#C8CBD3
#BED4D4
#C0D3D3
#C3D1D2
#C5D0D1
#C8CED0
#CACDCF
#CDCBCE
#BED7D1
#C1D5D0
#C4D3CE
#C8D1CD
#CBCFCC
#CECDCB
#D2CBC9
#BED9CF
#C2D7CD
#C6D5CB
#CAD2CA
#CED0C8
#D2CEC6
#D7CBC4
#BEDDCB
#C3DAC9
#C8D7C7
#CDD4C5
#D2D1C3
#D7CFC1
#DDCBBE
Colorpallet from #BECBDD to #CBBEDD and to #CBDDBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C0C9DD
#C0CADC
#C0CBDB
#C0CBDB
#C0CCDA
#C0CDD9
#C0CED8
#C2C7DD
#C2C9DB
#C2CADA
#C2CCD8
#C2CDD7
#C2CFD5
#C2D1D3
#C4C5DD
#C4C7DB
#C4CAD8
#C4CCD6
#C4CFD3
#C4D1D1
#C4D4CE
#C6C3DD
#C6C6DA
#C6C9D7
#C6CDD3
#C6D0D0
#C6D3CD
#C6D7C9
#C8C1DD
#C8C5D9
#C8C9D5
#C8CDD1
#C8D0CD
#C8D4C9
#C8D9C4
#CBBEDD
#CBC3D8
#CBC8D3
#CBCDCE
#CBD2C9
#CBD7C4
#CBDDBE
Colorpallet from #BECBDD to #CBBEDD and to #DDBECB
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C0C9DD
#C0C9DD
#C1C9DC
#C1C9DC
#C2C9DB
#C2C9DB
#C3C9DA
#C2C7DD
#C3C7DC
#C4C7DB
#C5C7DA
#C6C7D9
#C7C7D8
#C8C7D7
#C4C5DD
#C5C5DC
#C7C5DA
#C8C5D9
#CAC5D7
#CBC5D6
#CDC5D4
#C6C3DD
#C8C3DB
#CAC3D9
#CCC3D7
#CEC3D5
#D0C3D3
#D2C3D1
#C8C1DD
#CAC1DB
#CDC1D9
#CFC1D6
#D2C1D4
#D4C1D2
#D7C1CF
#CBBEDD
#CEBEDA
#D1BED7
#D4BED4
#D7BED1
#D9BECF
#DDBECB
Colorpallet from #BECBDD to #CBBEDD and to #DDCBBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C0C9DD
#C0C9DC
#C1CADB
#C1CADB
#C2CADA
#C2CBD9
#C3CBD8
#C2C7DD
#C3C8DB
#C4C8DA
#C5C9D8
#C6CAD7
#C7CAD5
#C8CBD3
#C4C5DD
#C5C6DB
#C7C7D8
#C8C8D6
#CAC9D3
#CBCAD1
#CDCBCE
#C6C3DD
#C8C4DA
#CAC6D7
#CCC7D3
#CEC8D0
#D0C9CD
#D2CBC9
#C8C1DD
#CAC3D9
#CDC4D5
#CFC6D1
#D2C7CD
#D4C9C9
#D7CBC4
#CBBEDD
#CEC0D8
#D1C2D3
#D4C4CE
#D7C6C9
#D9C8C4
#DDCBBE
Colorpallet from #BECBDD to #CBDDBE and to #DDBECB
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C0CED8
#C0CDD8
#C1CCD9
#C1CCD9
#C2CBD9
#C2CADA
#C3C9DA
#C2D1D3
#C3CFD4
#C4CED4
#C5CCD5
#C6CBD6
#C7C9D6
#C8C7D7
#C4D4CE
#C5D2CF
#C7CFD0
#C8CDD1
#CACAD2
#CBC8D3
#CDC5D4
#C6D7C9
#C8D4CA
#CAD1CC
#CCCDCD
#CECACE
#D0C7CF
#D2C3D1
#C8D9C4
#CAD5C6
#CDD1C8
#CFCDC9
#D2CACB
#D4C6CD
#D7C1CF
#CBDDBE
#CED8C0
#D1D3C2
#D4CEC4
#D7C9C6
#D9C4C8
#DDBECB
Colorpallet from #BECBDD to #CBDDBE and to #DDCBBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C0CED8
#C0CED8
#C1CDD8
#C1CDD8
#C2CCD8
#C2CCD8
#C3CBD8
#C2D1D3
#C3D0D3
#C4CFD3
#C5CED3
#C6CDD3
#C7CCD3
#C8CBD3
#C4D4CE
#C5D3CE
#C7D1CE
#C8D0CE
#CACECE
#CBCDCE
#CDCBCE
#C6D7C9
#C8D5C9
#CAD3C9
#CCD1C9
#CECFC9
#D0CDC9
#D2CBC9
#C8D9C4
#CAD7C4
#CDD5C4
#CFD2C4
#D2D0C4
#D4CEC4
#D7CBC4
#CBDDBE
#CEDABE
#D1D7BE
#D4D4BE
#D7D1BE
#D9CFBE
#DDCBBE
Colorpallet from #BECBDD to #DDBECB and to #DDCBBE
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#BECBDD
#C3C9DA
#C3C9DA
#C3CAD9
#C3CAD9
#C3CAD9
#C3CBD8
#C3CBD8
#C8C7D7
#C8C8D6
#C8C8D6
#C8C9D5
#C8CAD4
#C8CAD4
#C8CBD3
#CDC5D4
#CDC6D3
#CDC7D2
#CDC8D1
#CDC9D0
#CDCACF
#CDCBCE
#D2C3D1
#D2C4D0
#D2C6CE
#D2C7CD
#D2C8CC
#D2C9CB
#D2CBC9
#D7C1CF
#D7C3CD
#D7C4CB
#D7C6CA
#D7C7C8
#D7C9C6
#D7CBC4
#DDBECB
#DDC0C9
#DDC2C7
#DDC4C5
#DDC6C3
#DDC8C1
#DDCBBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts