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 #B4D3CE to #B4CED3 and to #D3B4CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D2CF
#B5D1CF
#B6D1CF
#B6D0CF
#B7CFCE
#B8CFCE
#B9CECE
#B4D1D0
#B6D0D0
#B7CECF
#B9CDCF
#BACCCF
#BCCBCE
#BEC9CE
#B4D1D0
#B6CFD0
#B9CDCF
#BBCBCF
#BEC9CF
#C0C7CE
#C3C4CE
#B4D0D1
#B7CDD1
#BACBD0
#BEC8D0
#C1C5CF
#C4C2CF
#C8BFCE
#B4CFD2
#B8CCD1
#BCC8D1
#C0C5D0
#C4C2CF
#C8BECF
#CDBACE
#B4CED3
#B9CAD2
#BEC6D1
#C3C2D1
#C8BDD0
#CDB9CF
#D3B4CE
Colorpallet from #B4D3CE to #B4CED3 and to #D3CEB4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D2CF
#B5D2CE
#B6D2CD
#B6D2CD
#B7D2CC
#B8D2CB
#B9D2CA
#B4D1D0
#B6D1CE
#B7D1CD
#B9D1CB
#BAD1CA
#BCD1C8
#BED1C6
#B4D1D0
#B6D1CE
#B9D1CC
#BBD1C9
#BED1C7
#C0D1C5
#C3D1C2
#B4D0D1
#B7D0CE
#BAD0CB
#BED0C7
#C1D0C4
#C4D0C1
#C8D0BD
#B4CFD2
#B8CFCE
#BCCFCA
#C0CFC6
#C4CFC2
#C8CFBE
#CDCFB9
#B4CED3
#B9CECE
#BECEC9
#C3CEC4
#C8CEBF
#CDCEBA
#D3CEB4
Colorpallet from #B4D3CE to #B4CED3 and to #CEB4D3
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D2CF
#B5D1CF
#B5D1CF
#B6D0CF
#B7CFCF
#B7CFCF
#B8CECF
#B4D1D0
#B5D0D0
#B7CED0
#B8CDD0
#B9CCD0
#BACBD0
#BCC9D0
#B4D1D0
#B6CFD0
#B8CDD0
#BACBD0
#BCC9D0
#BEC7D0
#C0C4D0
#B4D0D1
#B7CDD1
#B9CBD1
#BCC8D1
#BFC5D1
#C2C2D1
#C5BFD1
#B4CFD2
#B7CCD2
#BBC8D2
#BEC5D2
#C1C2D2
#C5BED2
#C9BAD2
#B4CED3
#B8CAD3
#BCC6D3
#C0C2D3
#C5BDD3
#C9B9D3
#CEB4D3
Colorpallet from #B4D3CE to #B4CED3 and to #CED3B4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D2CF
#B5D2CE
#B5D2CD
#B6D2CD
#B7D3CC
#B7D3CB
#B8D3CA
#B4D1D0
#B5D1CE
#B7D2CD
#B8D2CB
#B9D2CA
#BAD3C8
#BCD3C6
#B4D1D0
#B6D1CE
#B8D2CC
#BAD2C9
#BCD2C7
#BED3C5
#C0D3C2
#B4D0D1
#B7D0CE
#B9D1CB
#BCD1C7
#BFD2C4
#C2D2C1
#C5D3BD
#B4CFD2
#B7D0CE
#BBD0CA
#BED1C6
#C1D2C2
#C5D2BE
#C9D3B9
#B4CED3
#B8CFCE
#BCD0C9
#C0D0C4
#C5D1BF
#C9D2BA
#CED3B4
Colorpallet from #B4D3CE to #D3B4CE and to #D3CEB4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B9CECE
#B9CFCD
#B9CFCD
#B9D0CC
#B9D1CB
#B9D1CB
#B9D2CA
#BEC9CE
#BECACD
#BECCCB
#BECDCA
#BECEC9
#BECFC8
#BED1C6
#C3C4CE
#C3C6CC
#C3C8CA
#C3CAC8
#C3CCC6
#C3CEC4
#C3D1C2
#C8BFCE
#C8C2CB
#C8C4C9
#C8C7C6
#C8CAC3
#C8CDC0
#C8D0BD
#CDBACE
#CDBDCB
#CDC1C7
#CDC4C4
#CDC7C1
#CDCBBD
#CDCFB9
#D3B4CE
#D3B8CA
#D3BCC6
#D3C0C2
#D3C5BD
#D3C9B9
#D3CEB4
Colorpallet from #B4D3CE to #D3B4CE and to #CEB4D3
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B9CECE
#B9CECE
#B9CECE
#B9CECE
#B8CECF
#B8CECF
#B8CECF
#BEC9CE
#BEC9CE
#BDC9CF
#BDC9CF
#BDC9CF
#BCC9D0
#BCC9D0
#C3C4CE
#C3C4CE
#C2C4CF
#C2C4CF
#C1C4CF
#C1C4D0
#C0C4D0
#C8BFCE
#C8BFCE
#C7BFCF
#C7BFCF
#C6BFD0
#C6BFD0
#C5BFD1
#CDBACE
#CCBACF
#CCBACF
#CBBAD0
#CABAD1
#CABAD1
#C9BAD2
#D3B4CE
#D2B4CF
#D1B4D0
#D1B4D0
#D0B4D1
#CFB4D2
#CEB4D3
Colorpallet from #B4D3CE to #D3B4CE and to #CED3B4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B9CECE
#B9CFCD
#B9D0CD
#B9D0CC
#B8D1CB
#B8D2CB
#B8D3CA
#BEC9CE
#BECBCD
#BDCCCB
#BDCECA
#BDCFC9
#BCD1C8
#BCD3C6
#C3C4CE
#C3C6CC
#C2C9CA
#C2CBC8
#C1CEC6
#C1D0C4
#C0D3C2
#C8BFCE
#C8C2CB
#C7C5C9
#C7C9C6
#C6CCC3
#C6CFC0
#C5D3BD
#CDBACE
#CCBECB
#CCC2C7
#CBC6C4
#CACAC1
#CACEBD
#C9D3B9
#D3B4CE
#D2B9CA
#D1BEC6
#D1C3C2
#D0C8BD
#CFCDB9
#CED3B4
Colorpallet from #B4D3CE to #D3CEB4 and to #CEB4D3
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B9D2CA
#B9D1CB
#B9D1CC
#B9D0CC
#B8CFCD
#B8CFCE
#B8CECF
#BED1C6
#BED0C8
#BDCEC9
#BDCDCB
#BDCCCC
#BCCBCE
#BCC9D0
#C3D1C2
#C3CFC4
#C2CDC6
#C2CBC9
#C1C9CB
#C1C7CD
#C0C4D0
#C8D0BD
#C8CDC0
#C7CBC3
#C7C8C7
#C6C5CA
#C6C2CD
#C5BFD1
#CDCFB9
#CCCCBD
#CCC8C1
#CBC5C5
#CAC2C9
#CABECD
#C9BAD2
#D3CEB4
#D2CAB9
#D1C6BE
#D1C2C3
#D0BDC8
#CFB9CD
#CEB4D3
Colorpallet from #B4D3CE to #D3CEB4 and to #CED3B4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B9D2CA
#B9D2CA
#B9D2CA
#B9D2CA
#B8D3CA
#B8D3CA
#B8D3CA
#BED1C6
#BED1C6
#BDD2C6
#BDD2C6
#BDD2C6
#BCD3C6
#BCD3C6
#C3D1C2
#C3D1C2
#C2D2C2
#C2D2C2
#C1D2C2
#C1D3C2
#C0D3C2
#C8D0BD
#C8D0BD
#C7D1BD
#C7D1BD
#C6D2BD
#C6D2BD
#C5D3BD
#CDCFB9
#CCD0B9
#CCD0B9
#CBD1B9
#CAD2B9
#CAD2B9
#C9D3B9
#D3CEB4
#D2CFB4
#D1D0B4
#D1D0B4
#D0D1B4
#CFD2B4
#CED3B4
Colorpallet from #B4D3CE to #CEB4D3 and to #CED3B4
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B4D3CE
#B8CECF
#B8CFCE
#B8D0CD
#B8D0CD
#B8D1CC
#B8D2CB
#B8D3CA
#BCC9D0
#BCCBCE
#BCCCCD
#BCCECB
#BCCFCA
#BCD1C8
#BCD3C6
#C0C4D0
#C0C6CE
#C0C9CC
#C0CBC9
#C0CEC7
#C0D0C5
#C0D3C2
#C5BFD1
#C5C2CE
#C5C5CB
#C5C9C7
#C5CCC4
#C5CFC1
#C5D3BD
#C9BAD2
#C9BECE
#C9C2CA
#C9C6C6
#C9CAC2
#C9CEBE
#C9D3B9
#CEB4D3
#CEB9CE
#CEBEC9
#CEC3C4
#CEC8BF
#CECDBA
#CED3B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts