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 #B3D2D5 to #B3D5D2 and to #D2B3D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B4D1D5
#B5D0D5
#B5D0D5
#B6CFD5
#B7CED5
#B8CDD5
#B3D3D4
#B5D1D4
#B6CFD4
#B8CED4
#B9CCD5
#BBCAD5
#BDC8D5
#B3D3D4
#B5D0D4
#B8CED4
#BACBD4
#BDC9D5
#BFC6D5
#C2C3D5
#B3D4D3
#B6D0D3
#B9CDD4
#BDC9D4
#C0C6D4
#C3C2D5
#C7BED5
#B3D4D3
#B7D0D3
#BBCBD4
#BFC7D4
#C3C3D4
#C7BED5
#CCB9D5
#B3D5D2
#B8D0D2
#BDCAD3
#C2C5D3
#C7BFD4
#CCBAD4
#D2B3D5
Colorpallet from #B3D2D5 to #B3D5D2 and to #D2D5B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B4D2D4
#B5D2D3
#B5D2D3
#B6D2D2
#B7D2D1
#B8D2D0
#B3D3D4
#B5D3D2
#B6D3D1
#B8D3CF
#B9D3CE
#BBD3CC
#BDD3CA
#B3D3D4
#B5D3D2
#B8D3CF
#BAD3CD
#BDD3CA
#BFD3C8
#C2D3C5
#B3D4D3
#B6D4D0
#B9D4CD
#BDD4C9
#C0D4C6
#C3D4C3
#C7D4BF
#B3D4D3
#B7D4CF
#BBD4CB
#BFD4C7
#C3D4C3
#C7D4BF
#CCD4BA
#B3D5D2
#B8D5CD
#BDD5C8
#C2D5C3
#C7D5BE
#CCD5B9
#D2D5B3
Colorpallet from #B3D2D5 to #B3D5D2 and to #D5B3D2
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B4D1D5
#B5D0D5
#B5D0D5
#B6CFD5
#B7CED5
#B8CDD5
#B3D3D4
#B5D1D4
#B7CFD4
#B8CED4
#BACCD4
#BCCAD4
#BEC8D4
#B3D3D4
#B6D0D4
#B8CED4
#BBCBD4
#BDC9D4
#C0C6D4
#C3C3D4
#B3D4D3
#B7D0D3
#BACDD3
#BEC9D3
#C1C6D3
#C5C2D3
#C9BED3
#B3D4D3
#B7D0D3
#BCCBD3
#C0C7D3
#C4C3D3
#C9BED3
#CEB9D3
#B3D5D2
#B8D0D2
#BECAD2
#C3C5D2
#C9BFD2
#CEBAD2
#D5B3D2
Colorpallet from #B3D2D5 to #B3D5D2 and to #D5D2B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B4D2D4
#B5D2D3
#B5D2D3
#B6D2D2
#B7D2D1
#B8D2D0
#B3D3D4
#B5D3D2
#B7D3D1
#B8D3CF
#BAD2CE
#BCD2CC
#BED2CA
#B3D3D4
#B6D3D2
#B8D3CF
#BBD3CD
#BDD2CA
#C0D2C8
#C3D2C5
#B3D4D3
#B7D4D0
#BAD3CD
#BED3C9
#C1D3C6
#C5D2C3
#C9D2BF
#B3D4D3
#B7D4CF
#BCD3CB
#C0D3C7
#C4D3C3
#C9D2BF
#CED2BA
#B3D5D2
#B8D5CD
#BED4C8
#C3D4C3
#C9D3BE
#CED3B9
#D5D2B3
Colorpallet from #B3D2D5 to #D2B3D5 and to #D2D5B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8CDD5
#B8CED4
#B8CFD3
#B8CFD3
#B8D0D2
#B8D1D1
#B8D2D0
#BDC8D5
#BDCAD3
#BDCCD1
#BDCDD0
#BDCFCE
#BDD1CC
#BDD3CA
#C2C3D5
#C2C6D2
#C2C8D0
#C2CBCD
#C2CDCB
#C2D0C8
#C2D3C5
#C7BED5
#C7C2D1
#C7C5CE
#C7C9CA
#C7CCC7
#C7D0C3
#C7D4BF
#CCB9D5
#CCBDD1
#CCC2CC
#CCC6C8
#CCCAC4
#CCCFBF
#CCD4BA
#D2B3D5
#D2B8D0
#D2BECA
#D2C3C5
#D2C9BF
#D2CEBA
#D2D5B3
Colorpallet from #B3D2D5 to #D2B3D5 and to #D5B3D2
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8CDD5
#B8CDD5
#B8CDD5
#B8CDD5
#B8CDD5
#B8CDD5
#B8CDD5
#BDC8D5
#BDC8D5
#BDC8D5
#BDC8D5
#BEC8D4
#BEC8D4
#BEC8D4
#C2C3D5
#C2C3D5
#C2C3D5
#C2C3D5
#C3C3D4
#C3C3D4
#C3C3D4
#C7BED5
#C7BED5
#C8BED4
#C8BED4
#C8BED4
#C9BED3
#C9BED3
#CCB9D5
#CCB9D5
#CDB9D4
#CDB9D4
#CDB9D4
#CEB9D3
#CEB9D3
#D2B3D5
#D2B3D5
#D3B3D4
#D3B3D4
#D4B3D3
#D4B3D3
#D5B3D2
Colorpallet from #B3D2D5 to #D2B3D5 and to #D5D2B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8CDD5
#B8CED4
#B8CFD3
#B8CFD3
#B8D0D2
#B8D1D1
#B8D2D0
#BDC8D5
#BDCAD3
#BDCBD1
#BDCDD0
#BECECE
#BED0CC
#BED2CA
#C2C3D5
#C2C5D2
#C2C8D0
#C2CACD
#C3CDCB
#C3CFC8
#C3D2C5
#C7BED5
#C7C1D1
#C8C4CE
#C8C8CA
#C8CBC7
#C9CEC3
#C9D2BF
#CCB9D5
#CCBDD1
#CDC1CC
#CDC5C8
#CDC9C4
#CECDBF
#CED2BA
#D2B3D5
#D2B8D0
#D3BDCA
#D3C2C5
#D4C7BF
#D4CCBA
#D5D2B3
Colorpallet from #B3D2D5 to #D2D5B3 and to #D5B3D2
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8D2D0
#B8D1D1
#B8D0D2
#B8D0D2
#B8CFD3
#B8CED4
#B8CDD5
#BDD3CA
#BDD1CC
#BDCFCD
#BDCECF
#BECCD0
#BECAD2
#BEC8D4
#C2D3C5
#C2D0C7
#C2CECA
#C2CBCC
#C3C9CF
#C3C6D1
#C3C3D4
#C7D4BF
#C7D0C2
#C8CDC5
#C8C9C9
#C8C6CC
#C9C2CF
#C9BED3
#CCD4BA
#CCD0BE
#CDCBC2
#CDC7C6
#CDC3CA
#CEBECE
#CEB9D3
#D2D5B3
#D2D0B8
#D3CABD
#D3C5C2
#D4BFC7
#D4BACC
#D5B3D2
Colorpallet from #B3D2D5 to #D2D5B3 and to #D5D2B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8D2D0
#B8D2D0
#B8D2D0
#B8D2D0
#B8D2D0
#B8D2D0
#B8D2D0
#BDD3CA
#BDD3CA
#BDD3CA
#BDD3CA
#BED2CA
#BED2CA
#BED2CA
#C2D3C5
#C2D3C5
#C2D3C5
#C2D3C5
#C3D2C5
#C3D2C5
#C3D2C5
#C7D4BF
#C7D4BF
#C8D3BF
#C8D3BF
#C8D3BF
#C9D2BF
#C9D2BF
#CCD4BA
#CCD4BA
#CDD3BA
#CDD3BA
#CDD3BA
#CED2BA
#CED2BA
#D2D5B3
#D2D5B3
#D3D4B3
#D3D4B3
#D4D3B3
#D4D3B3
#D5D2B3
Colorpallet from #B3D2D5 to #D5B3D2 and to #D5D2B3
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B3D2D5
#B8CDD5
#B8CED4
#B8CFD3
#B8CFD3
#B8D0D2
#B8D1D1
#B8D2D0
#BEC8D4
#BECAD2
#BECBD1
#BECDCF
#BECECE
#BED0CC
#BED2CA
#C3C3D4
#C3C5D2
#C3C8CF
#C3CACD
#C3CDCA
#C3CFC8
#C3D2C5
#C9BED3
#C9C1D0
#C9C4CD
#C9C8C9
#C9CBC6
#C9CEC3
#C9D2BF
#CEB9D3
#CEBDCF
#CEC1CB
#CEC5C7
#CEC9C3
#CECDBF
#CED2BA
#D5B3D2
#D5B8CD
#D5BDC8
#D5C2C3
#D5C7BE
#D5CCB9
#D5D2B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts