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 #BAD5CE to #BACED5 and to #D5BACE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD4CF
#BBD4CF
#BBD3CF
#BCD3CF
#BDD2CE
#BDD2CE
#BED1CE
#BAD3D0
#BBD2D0
#BDD1CF
#BED0CF
#C0CFCF
#C1CDCE
#C3CCCE
#BAD2D1
#BCD0D1
#BECFD0
#C0CDD0
#C2CCCF
#C4CACF
#C7C8CE
#BAD1D2
#BDCFD1
#BFCDD1
#C2CBD0
#C5C9CF
#C8C7CF
#CBC4CE
#BACFD4
#BECCD3
#C1CAD2
#C5C7D1
#C8C5D0
#CCC2CF
#D0BFCE
#BACED5
#BECBD4
#C3C8D3
#C7C4D2
#CBC1D1
#D0BECF
#D5BACE
Colorpallet from #BAD5CE to #BACED5 and to #D5CEBA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD4CF
#BBD4CE
#BBD4CE
#BCD4CD
#BDD4CC
#BDD4CC
#BED4CB
#BAD3D0
#BBD3CF
#BDD3CD
#BED3CC
#C0D3CB
#C1D3CA
#C3D3C8
#BAD2D1
#BCD2CF
#BED2CD
#C0D2CB
#C2D2C9
#C4D2C7
#C7D2C4
#BAD1D2
#BDD1CF
#BFD1CD
#C2D1CA
#C5D1C7
#C8D1C4
#CBD1C1
#BACFD4
#BECFD0
#C1CFCD
#C5CFC9
#C8CFC6
#CCCFC2
#D0CFBE
#BACED5
#BECED1
#C3CECC
#C7CEC8
#CBCEC4
#D0CEBF
#D5CEBA
Colorpallet from #BAD5CE to #BACED5 and to #CEBAD5
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD4CF
#BAD4CF
#BBD3CF
#BBD3CF
#BCD2CF
#BCD2CF
#BDD1CF
#BAD3D0
#BBD2D0
#BCD1D0
#BDD0D0
#BECFD0
#BFCDD0
#C0CCD0
#BAD2D1
#BCD0D1
#BDCFD1
#BFCDD1
#C0CCD1
#C2CAD1
#C4C8D1
#BAD1D2
#BCCFD2
#BECDD2
#C0CBD2
#C2C9D2
#C4C7D2
#C7C4D2
#BACFD4
#BDCCD4
#BFCAD4
#C2C7D4
#C4C5D4
#C7C2D4
#CABFD4
#BACED5
#BDCBD5
#C0C8D5
#C4C4D5
#C7C1D5
#CABED5
#CEBAD5
Colorpallet from #BAD5CE to #BACED5 and to #CED5BA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD4CF
#BAD4CE
#BBD4CE
#BBD4CD
#BCD5CC
#BCD5CC
#BDD5CB
#BAD3D0
#BBD3CF
#BCD4CD
#BDD4CC
#BED4CB
#BFD5CA
#C0D5C8
#BAD2D1
#BCD2CF
#BDD3CD
#BFD3CB
#C0D4C9
#C2D4C7
#C4D5C4
#BAD1D2
#BCD2CF
#BED2CD
#C0D3CA
#C2D4C7
#C4D4C4
#C7D5C1
#BACFD4
#BDD0D0
#BFD1CD
#C2D2C9
#C4D3C6
#C7D4C2
#CAD5BE
#BACED5
#BDCFD1
#C0D0CC
#C4D1C8
#C7D2C4
#CAD4BF
#CED5BA
Colorpallet from #BAD5CE to #D5BACE and to #D5CEBA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BED1CE
#BED1CE
#BED2CD
#BED2CD
#BED3CC
#BED3CC
#BED4CB
#C3CCCE
#C3CDCD
#C3CECC
#C3CFCB
#C3D0CA
#C3D2C9
#C3D3C8
#C7C8CE
#C7CACC
#C7CBCB
#C7CDC9
#C7CEC8
#C7D0C6
#C7D2C4
#CBC4CE
#CBC6CC
#CBC8CA
#CBCAC8
#CBCCC6
#CBCEC4
#CBD1C1
#D0BFCE
#D0C2CB
#D0C4C9
#D0C7C6
#D0C9C4
#D0CCC1
#D0CFBE
#D5BACE
#D5BDCB
#D5C0C8
#D5C4C4
#D5C7C1
#D5CABE
#D5CEBA
Colorpallet from #BAD5CE to #D5BACE and to #CEBAD5
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BED1CE
#BED1CE
#BED1CE
#BED1CE
#BDD1CF
#BDD1CF
#BDD1CF
#C3CCCE
#C3CCCE
#C2CCCF
#C2CCCF
#C1CCCF
#C1CCD0
#C0CCD0
#C7C8CE
#C7C8CE
#C6C8CF
#C6C8CF
#C5C8D0
#C5C8D0
#C4C8D1
#CBC4CE
#CAC4CF
#CAC4CF
#C9C4D0
#C8C4D1
#C8C4D1
#C7C4D2
#D0BFCE
#CFBFCF
#CEBFD0
#CDBFD1
#CCBFD2
#CBBFD3
#CABFD4
#D5BACE
#D4BACF
#D3BAD0
#D2BAD1
#D1BAD2
#CFBAD4
#CEBAD5
Colorpallet from #BAD5CE to #D5BACE and to #CED5BA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BED1CE
#BED2CE
#BED2CD
#BED3CD
#BDD4CC
#BDD4CC
#BDD5CB
#C3CCCE
#C3CDCD
#C2CFCC
#C2D0CB
#C1D2CA
#C1D3C9
#C0D5C8
#C7C8CE
#C7CACC
#C6CCCB
#C6CEC9
#C5D0C8
#C5D2C6
#C4D5C4
#CBC4CE
#CAC7CC
#CAC9CA
#C9CCC8
#C8CFC6
#C8D2C4
#C7D5C1
#D0BFCE
#CFC3CB
#CEC6C9
#CDCAC6
#CCCDC4
#CBD1C1
#CAD5BE
#D5BACE
#D4BECB
#D3C3C8
#D2C7C4
#D1CBC1
#CFD0BE
#CED5BA
Colorpallet from #BAD5CE to #D5CEBA and to #CEBAD5
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BED4CB
#BED4CC
#BED3CC
#BED3CD
#BDD2CE
#BDD2CE
#BDD1CF
#C3D3C8
#C3D2C9
#C2D1CB
#C2D0CC
#C1CFCD
#C1CDCE
#C0CCD0
#C7D2C4
#C7D0C6
#C6CFC8
#C6CDCA
#C5CCCC
#C5CACE
#C4C8D1
#CBD1C1
#CACFC4
#CACDC6
#C9CBC9
#C8C9CC
#C8C7CF
#C7C4D2
#D0CFBE
#CFCCC2
#CECAC5
#CDC7C9
#CCC5CC
#CBC2D0
#CABFD4
#D5CEBA
#D4CBBE
#D3C8C3
#D2C4C7
#D1C1CB
#CFBED0
#CEBAD5
Colorpallet from #BAD5CE to #D5CEBA and to #CED5BA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BED4CB
#BED4CB
#BED4CB
#BED4CB
#BDD5CB
#BDD5CB
#BDD5CB
#C3D3C8
#C3D3C8
#C2D4C8
#C2D4C8
#C1D4C8
#C1D5C8
#C0D5C8
#C7D2C4
#C7D2C4
#C6D3C4
#C6D3C4
#C5D4C4
#C5D4C4
#C4D5C4
#CBD1C1
#CAD2C1
#CAD2C1
#C9D3C1
#C8D4C1
#C8D4C1
#C7D5C1
#D0CFBE
#CFD0BE
#CED1BE
#CDD2BE
#CCD3BE
#CBD4BE
#CAD5BE
#D5CEBA
#D4CFBA
#D3D0BA
#D2D1BA
#D1D2BA
#CFD4BA
#CED5BA
Colorpallet from #BAD5CE to #CEBAD5 and to #CED5BA
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BAD5CE
#BDD1CF
#BDD2CE
#BDD2CE
#BDD3CD
#BDD4CC
#BDD4CC
#BDD5CB
#C0CCD0
#C0CDCF
#C0CFCD
#C0D0CC
#C0D2CB
#C0D3CA
#C0D5C8
#C4C8D1
#C4CACF
#C4CCCD
#C4CECB
#C4D0C9
#C4D2C7
#C4D5C4
#C7C4D2
#C7C7CF
#C7C9CD
#C7CCCA
#C7CFC7
#C7D2C4
#C7D5C1
#CABFD4
#CAC3D0
#CAC6CD
#CACAC9
#CACDC6
#CAD1C2
#CAD5BE
#CEBAD5
#CEBED1
#CEC3CC
#CEC7C8
#CECBC4
#CED0BF
#CED5BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts