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 #BACBDE to #BADECB and to #CBBADE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACEDB
#BACDDB
#BBCCDC
#BBCBDC
#BCCADD
#BCC9DD
#BDC8DE
#BAD1D8
#BBCFD9
#BCCDDA
#BCCCDB
#BDCADC
#BEC8DD
#BFC6DE
#BAD4D5
#BBD1D6
#BDCFD8
#BECCD9
#BFC9DB
#C0C6DC
#C2C3DE
#BAD7D2
#BCD3D4
#BED0D6
#BFCCD8
#C1C8DA
#C3C5DC
#C5C0DE
#BADACF
#BCD5D1
#BED1D4
#C1CCD6
#C3C7D9
#C5C3DB
#C8BDDE
#BADECB
#BDD8CE
#BFD2D1
#C2CDD4
#C5C7D7
#C8C1DA
#CBBADE
Colorpallet from #BACBDE to #BADECB and to #CBDEBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACEDB
#BACEDB
#BBCEDA
#BBCEDA
#BCCED9
#BCCED9
#BDCED8
#BAD1D8
#BBD1D7
#BCD1D6
#BCD1D5
#BDD1D4
#BED1D3
#BFD1D2
#BAD4D5
#BBD4D4
#BDD4D2
#BED4D1
#BFD4D0
#C0D4CF
#C2D4CD
#BAD7D2
#BCD7D0
#BED7CE
#BFD7CD
#C1D7CB
#C3D7C9
#C5D7C7
#BADACF
#BCDACD
#BEDACB
#C1DAC8
#C3DAC6
#C5DAC4
#C8DAC1
#BADECB
#BDDEC8
#BFDEC6
#C2DEC3
#C5DEC0
#C8DEBD
#CBDEBA
Colorpallet from #BACBDE to #BADECB and to #DEBACB
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACEDB
#BBCDDB
#BCCCDB
#BDCBDB
#BECADB
#BFC9DB
#C0C8DB
#BAD1D8
#BCCFD8
#BECDD8
#C0CCD8
#C2CAD8
#C4C8D8
#C6C6D8
#BAD4D5
#BDD1D5
#BFCFD5
#C2CCD5
#C5C9D5
#C8C6D5
#CBC3D5
#BAD7D2
#BED3D2
#C1D0D2
#C5CCD2
#C9C8D2
#CCC5D2
#D1C0D2
#BADACF
#BFD5CF
#C3D1CF
#C8CCCF
#CDC7CF
#D1C3CF
#D7BDCF
#BADECB
#C0D8CB
#C6D2CB
#CBCDCB
#D1C7CB
#D7C1CB
#DEBACB
Colorpallet from #BACBDE to #BADECB and to #DECBBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACEDB
#BBCEDB
#BCCDDA
#BDCDDA
#BECCD9
#BFCCD9
#C0CBD8
#BAD1D8
#BCD0D7
#BECFD6
#C0CED5
#C2CDD4
#C4CCD3
#C6CBD2
#BAD4D5
#BDD3D4
#BFD1D2
#C2D0D1
#C5CED0
#C8CDCF
#CBCBCD
#BAD7D2
#BED5D0
#C1D3CE
#C5D1CD
#C9CFCB
#CCCDC9
#D1CBC7
#BADACF
#BFD8CD
#C3D5CB
#C8D3C8
#CDD0C6
#D1CEC4
#D7CBC1
#BADECB
#C0DBC8
#C6D8C6
#CBD5C3
#D1D2C0
#D7CFBD
#DECBBA
Colorpallet from #BACBDE to #CBBADE and to #CBDEBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BDC8DE
#BDC9DD
#BDCADC
#BDCBDB
#BDCCDA
#BDCDD9
#BDCED8
#BFC6DE
#BFC8DC
#BFCADA
#BFCBD8
#BFCDD6
#BFCFD4
#BFD1D2
#C2C3DE
#C2C6DB
#C2C8D9
#C2CBD6
#C2CED3
#C2D1D0
#C2D4CD
#C5C0DE
#C5C4DA
#C5C7D7
#C5CBD3
#C5CFCF
#C5D2CC
#C5D7C7
#C8BDDE
#C8C2D9
#C8C6D5
#C8CBD0
#C8D0CB
#C8D4C7
#C8DAC1
#CBBADE
#CBC0D8
#CBC6D2
#CBCBCD
#CBD1C7
#CBD7C1
#CBDEBA
Colorpallet from #BACBDE to #CBBADE and to #DEBACB
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BDC8DE
#BDC8DE
#BEC8DD
#BEC8DD
#BFC8DC
#BFC8DC
#C0C8DB
#BFC6DE
#C0C6DD
#C1C6DC
#C2C6DB
#C3C6DA
#C5C6D9
#C6C6D8
#C2C3DE
#C3C3DD
#C5C3DB
#C6C3DA
#C8C3D8
#C9C3D7
#CBC3D5
#C5C0DE
#C7C0DC
#C9C0DA
#CBC0D8
#CDC0D6
#CFC0D4
#D1C0D2
#C8BDDE
#CABDDC
#CDBDD9
#CFBDD7
#D2BDD4
#D4BDD2
#D7BDCF
#CBBADE
#CEBADB
#D1BAD8
#D4BAD5
#D7BAD2
#DABACF
#DEBACB
Colorpallet from #BACBDE to #CBBADE and to #DECBBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BDC8DE
#BDC8DD
#BEC9DC
#BEC9DB
#BFCADA
#BFCAD9
#C0CBD8
#BFC6DE
#C0C7DC
#C1C8DA
#C2C8D8
#C3C9D6
#C5CAD4
#C6CBD2
#C2C3DE
#C3C4DB
#C5C6D9
#C6C7D6
#C8C8D3
#C9C9D0
#CBCBCD
#C5C0DE
#C7C2DA
#C9C4D7
#CBC5D3
#CDC7CF
#CFC9CC
#D1CBC7
#C8BDDE
#CABFD9
#CDC1D5
#CFC4D0
#D2C6CB
#D4C8C7
#D7CBC1
#CBBADE
#CEBDD8
#D1BFD2
#D4C2CD
#D7C5C7
#DAC8C1
#DECBBA
Colorpallet from #BACBDE to #CBDEBA and to #DEBACB
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BDCED8
#BDCDD8
#BECCD9
#BECBD9
#BFCADA
#BFC9DA
#C0C8DB
#BFD1D2
#C0CFD3
#C1CDD4
#C2CCD5
#C3CAD6
#C5C8D7
#C6C6D8
#C2D4CD
#C3D1CE
#C5CFD0
#C6CCD1
#C8C9D2
#C9C6D3
#CBC3D5
#C5D7C7
#C7D3C9
#C9D0CB
#CBCCCC
#CDC8CE
#CFC5D0
#D1C0D2
#C8DAC1
#CAD5C3
#CDD1C5
#CFCCC8
#D2C7CA
#D4C3CC
#D7BDCF
#CBDEBA
#CED8BD
#D1D2BF
#D4CDC2
#D7C7C5
#DAC1C8
#DEBACB
Colorpallet from #BACBDE to #CBDEBA and to #DECBBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BDCED8
#BDCED8
#BECDD8
#BECDD8
#BFCCD8
#BFCCD8
#C0CBD8
#BFD1D2
#C0D0D2
#C1CFD2
#C2CED2
#C3CDD2
#C5CCD2
#C6CBD2
#C2D4CD
#C3D3CD
#C5D1CD
#C6D0CD
#C8CECD
#C9CDCD
#CBCBCD
#C5D7C7
#C7D5C7
#C9D3C7
#CBD1C7
#CDCFC7
#CFCDC7
#D1CBC7
#C8DAC1
#CAD8C1
#CDD5C1
#CFD3C1
#D2D0C1
#D4CEC1
#D7CBC1
#CBDEBA
#CEDBBA
#D1D8BA
#D4D5BA
#D7D2BA
#DACFBA
#DECBBA
Colorpallet from #BACBDE to #DEBACB and to #DECBBA
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#BACBDE
#C0C8DB
#C0C8DB
#C0C9DA
#C0C9DA
#C0CAD9
#C0CAD9
#C0CBD8
#C6C6D8
#C6C7D7
#C6C8D6
#C6C8D5
#C6C9D4
#C6CAD3
#C6CBD2
#CBC3D5
#CBC4D4
#CBC6D2
#CBC7D1
#CBC8D0
#CBC9CF
#CBCBCD
#D1C0D2
#D1C2D0
#D1C4CE
#D1C5CD
#D1C7CB
#D1C9C9
#D1CBC7
#D7BDCF
#D7BFCD
#D7C1CB
#D7C4C8
#D7C6C6
#D7C8C4
#D7CBC1
#DEBACB
#DEBDC8
#DEBFC6
#DEC2C3
#DEC5C0
#DEC8BD
#DECBBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts