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 #B2CFD2 to #B2D2CF and to #CFB2D2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B3CED2
#B4CDD2
#B4CDD2
#B5CCD2
#B6CBD2
#B7CAD2
#B2D0D1
#B3CED1
#B5CDD1
#B6CBD1
#B8CAD2
#B9C8D2
#BBC6D2
#B2D0D1
#B4CED1
#B6CBD1
#B9C9D1
#BBC6D2
#BDC4D2
#C0C1D2
#B2D1D0
#B5CED0
#B8CAD1
#BBC7D1
#BEC4D1
#C1C0D2
#C5BCD2
#B2D1D0
#B6CDD0
#B9C9D1
#BDC5D1
#C1C1D1
#C4BDD2
#C9B8D2
#B2D2CF
#B7CDCF
#BBC8D0
#C0C3D0
#C5BED1
#C9B8D1
#CFB2D2
Colorpallet from #B2CFD2 to #B2D2CF and to #CFD2B2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B3CFD1
#B4CFD0
#B4CFD0
#B5CFCF
#B6CFCE
#B7CFCD
#B2D0D1
#B3D0D0
#B5D0CE
#B6D0CD
#B8D0CB
#B9D0CA
#BBD0C8
#B2D0D1
#B4D0CF
#B6D0CD
#B9D0CA
#BBD0C8
#BDD0C6
#C0D0C3
#B2D1D0
#B5D1CD
#B8D1CA
#BBD1C7
#BED1C4
#C1D1C2
#C5D1BE
#B2D1D0
#B6D1CC
#B9D1C8
#BDD1C4
#C1D1C1
#C4D1BD
#C9D1B8
#B2D2CF
#B7D2CA
#BBD2C6
#C0D2C1
#C5D2BC
#C9D2B8
#CFD2B2
Colorpallet from #B2CFD2 to #B2D2CF and to #D2B2CF
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B3CED2
#B4CDD2
#B4CDD2
#B5CCD2
#B6CBD2
#B7CAD2
#B2D0D1
#B4CED1
#B5CDD1
#B7CBD1
#B8CAD1
#BAC8D1
#BCC6D1
#B2D0D1
#B4CED1
#B7CBD1
#B9C9D1
#BCC6D1
#BEC4D1
#C1C1D1
#B2D1D0
#B5CED0
#B8CAD0
#BCC7D0
#BFC4D0
#C2C0D0
#C6BCD0
#B2D1D0
#B6CDD0
#BAC9D0
#BEC5D0
#C3C1D0
#C7BDD0
#CCB8D0
#B2D2CF
#B7CDCF
#BCC8CF
#C1C3CF
#C6BECF
#CCB8CF
#D2B2CF
Colorpallet from #B2CFD2 to #B2D2CF and to #D2CFB2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B3CFD1
#B4CFD0
#B4CFD0
#B5CFCF
#B6CFCE
#B7CFCD
#B2D0D1
#B4D0D0
#B5D0CE
#B7D0CD
#B8CFCB
#BACFCA
#BCCFC8
#B2D0D1
#B4D0CF
#B7D0CD
#B9D0CA
#BCCFC8
#BECFC6
#C1CFC3
#B2D1D0
#B5D1CD
#B8D0CA
#BCD0C7
#BFD0C4
#C2CFC2
#C6CFBE
#B2D1D0
#B6D1CC
#BAD0C8
#BED0C4
#C3D0C1
#C7CFBD
#CCCFB8
#B2D2CF
#B7D2CA
#BCD1C6
#C1D1C1
#C6D0BC
#CCD0B8
#D2CFB2
Colorpallet from #B2CFD2 to #CFB2D2 and to #CFD2B2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CAD2
#B7CBD1
#B7CCD0
#B7CCD0
#B7CDCF
#B7CECE
#B7CFCD
#BBC6D2
#BBC8D0
#BBC9CF
#BBCBCD
#BBCCCC
#BBCECA
#BBD0C8
#C0C1D2
#C0C3D0
#C0C6CD
#C0C8CB
#C0CBC8
#C0CDC6
#C0D0C3
#C5BCD2
#C5BFCF
#C5C3CC
#C5C6C8
#C5C9C5
#C5CDC2
#C5D1BE
#C9B8D2
#C9BCCE
#C9C0CA
#C9C4C6
#C9C8C1
#C9CCBD
#C9D1B8
#CFB2D2
#CFB7CD
#CFBCC8
#CFC1C3
#CFC6BE
#CFCCB8
#CFD2B2
Colorpallet from #B2CFD2 to #CFB2D2 and to #D2B2CF
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CAD2
#B7CAD2
#B7CAD2
#B7CAD2
#B7CAD2
#B7CAD2
#B7CAD2
#BBC6D2
#BBC6D2
#BBC6D2
#BBC6D2
#BCC6D1
#BCC6D1
#BCC6D1
#C0C1D2
#C0C1D2
#C0C1D2
#C0C1D2
#C1C1D1
#C1C1D1
#C1C1D1
#C5BCD2
#C5BCD2
#C5BCD1
#C5BCD1
#C6BCD1
#C6BCD0
#C6BCD0
#C9B8D2
#C9B8D2
#CAB8D1
#CAB8D1
#CBB8D1
#CBB8D0
#CCB8D0
#CFB2D2
#CFB2D2
#D0B2D1
#D0B2D1
#D1B2D0
#D1B2D0
#D2B2CF
Colorpallet from #B2CFD2 to #CFB2D2 and to #D2CFB2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CAD2
#B7CBD1
#B7CCD0
#B7CCD0
#B7CDCF
#B7CECE
#B7CFCD
#BBC6D2
#BBC7D0
#BBC9CF
#BBCACD
#BCCCCC
#BCCDCA
#BCCFC8
#C0C1D2
#C0C3D0
#C0C5CD
#C0C8CB
#C1CAC8
#C1CCC6
#C1CFC3
#C5BCD2
#C5BFCF
#C5C2CC
#C5C5C8
#C6C8C5
#C6CBC2
#C6CFBE
#C9B8D2
#C9BCCE
#CABFCA
#CAC3C6
#CBC7C1
#CBCABD
#CCCFB8
#CFB2D2
#CFB7CD
#D0BBC8
#D0C0C3
#D1C5BE
#D1C9B8
#D2CFB2
Colorpallet from #B2CFD2 to #CFD2B2 and to #D2B2CF
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CFCD
#B7CECE
#B7CDCF
#B7CDCF
#B7CCD0
#B7CBD1
#B7CAD2
#BBD0C8
#BBCEC9
#BBCDCB
#BBCBCC
#BCCACE
#BCC8CF
#BCC6D1
#C0D0C3
#C0CEC5
#C0CBC7
#C0C9CA
#C1C6CC
#C1C4CE
#C1C1D1
#C5D1BE
#C5CEC1
#C5CAC4
#C5C7C7
#C6C4CA
#C6C0CC
#C6BCD0
#C9D1B8
#C9CDBC
#CAC9C0
#CAC5C4
#CBC1C7
#CBBDCB
#CCB8D0
#CFD2B2
#CFCDB7
#D0C8BB
#D0C3C0
#D1BEC5
#D1B8C9
#D2B2CF
Colorpallet from #B2CFD2 to #CFD2B2 and to #D2CFB2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CFCD
#B7CFCD
#B7CFCD
#B7CFCD
#B7CFCD
#B7CFCD
#B7CFCD
#BBD0C8
#BBD0C8
#BBD0C8
#BBD0C8
#BCCFC8
#BCCFC8
#BCCFC8
#C0D0C3
#C0D0C3
#C0D0C3
#C0D0C3
#C1CFC3
#C1CFC3
#C1CFC3
#C5D1BE
#C5D1BE
#C5D0BE
#C5D0BE
#C6D0BE
#C6CFBE
#C6CFBE
#C9D1B8
#C9D1B8
#CAD0B8
#CAD0B8
#CBD0B8
#CBCFB8
#CCCFB8
#CFD2B2
#CFD2B2
#D0D1B2
#D0D1B2
#D1D0B2
#D1D0B2
#D2CFB2
Colorpallet from #B2CFD2 to #D2B2CF and to #D2CFB2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B2CFD2
#B7CAD2
#B7CBD1
#B7CCD0
#B7CCD0
#B7CDCF
#B7CECE
#B7CFCD
#BCC6D1
#BCC7D0
#BCC9CE
#BCCACD
#BCCCCB
#BCCDCA
#BCCFC8
#C1C1D1
#C1C3CF
#C1C5CD
#C1C8CA
#C1CAC8
#C1CCC6
#C1CFC3
#C6BCD0
#C6BFCD
#C6C2CA
#C6C5C7
#C6C8C4
#C6CBC2
#C6CFBE
#CCB8D0
#CCBCCC
#CCBFC8
#CCC3C4
#CCC7C1
#CCCABD
#CCCFB8
#D2B2CF
#D2B7CA
#D2BBC6
#D2C0C1
#D2C5BC
#D2C9B8
#D2CFB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts