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 #B8D7C8 to #B8C8D7 and to #D7B8C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D5CA
#B9D5CA
#BAD4C9
#BAD4C9
#BBD3C9
#BCD3C8
#BDD2C8
#B8D2CD
#BAD1CC
#BBD0CB
#BDD0CB
#BECFCA
#C0CEC9
#C2CDC8
#B8D0CF
#BACFCE
#BDCDCD
#BFCCCC
#C2CBCB
#C4CAC9
#C7C8C8
#B8CDD2
#BBCBD0
#BECACF
#C2C8CD
#C5C7CC
#C8C5CA
#CCC3C8
#B8CBD4
#BCC9D2
#C0C7D0
#C4C5CE
#C8C3CC
#CCC1CA
#D1BEC8
#B8C8D7
#BDC5D5
#C2C3D2
#C7C0D0
#CCBECD
#D1BBCB
#D7B8C8
Colorpallet from #B8D7C8 to #B8C8D7 and to #D7C8B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D5CA
#B9D5C9
#BAD5C8
#BAD5C8
#BBD5C7
#BCD5C6
#BDD5C5
#B8D2CD
#BAD2CB
#BBD2CA
#BDD2C8
#BED2C7
#C0D2C5
#C2D2C3
#B8D0CF
#BAD0CD
#BDD0CA
#BFD0C8
#C2D0C5
#C4D0C3
#C7D0C0
#B8CDD2
#BBCDCF
#BECDCC
#C2CDC8
#C5CDC5
#C8CDC2
#CCCDBE
#B8CBD4
#BCCBD0
#C0CBCC
#C4CBC8
#C8CBC4
#CCCBC0
#D1CBBB
#B8C8D7
#BDC8D2
#C2C8CD
#C7C8C8
#CCC8C3
#D1C8BE
#D7C8B8
Colorpallet from #B8D7C8 to #B8C8D7 and to #C8B8D7
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D5CA
#B8D5CA
#B9D4CA
#B9D4CA
#BAD3CA
#BAD3CA
#BBD2CA
#B8D2CD
#B9D1CD
#BAD0CD
#BAD0CD
#BBCFCD
#BCCECD
#BDCDCD
#B8D0CF
#B9CFCF
#BBCDCF
#BCCCCF
#BDCBCF
#BECACF
#C0C8CF
#B8CDD2
#BACBD2
#BBCAD2
#BDC8D2
#BEC7D2
#C0C5D2
#C2C3D2
#B8CBD4
#BAC9D4
#BCC7D4
#BEC5D4
#C0C3D4
#C2C1D4
#C5BED4
#B8C8D7
#BBC5D7
#BDC3D7
#C0C0D7
#C2BED7
#C5BBD7
#C8B8D7
Colorpallet from #B8D7C8 to #B8C8D7 and to #C8D7B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D5CA
#B8D5C9
#B9D6C8
#B9D6C8
#BAD6C7
#BAD7C6
#BBD7C5
#B8D2CD
#B9D3CB
#BAD4CA
#BAD4C8
#BBD5C7
#BCD6C5
#BDD7C3
#B8D0CF
#B9D1CD
#BBD2CA
#BCD3C8
#BDD4C5
#BED6C3
#C0D7C0
#B8CDD2
#BACFCF
#BBD0CC
#BDD2C8
#BED3C5
#C0D5C2
#C2D7BE
#B8CBD4
#BACDD0
#BCCFCC
#BED1C8
#C0D3C4
#C2D5C0
#C5D7BB
#B8C8D7
#BBCAD2
#BDCDCD
#C0CFC8
#C2D2C3
#C5D4BE
#C8D7B8
Colorpallet from #B8D7C8 to #D7B8C8 and to #D7C8B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BDD2C8
#BDD2C8
#BDD3C7
#BDD3C7
#BDD4C6
#BDD4C6
#BDD5C5
#C2CDC8
#C2CEC7
#C2CFC6
#C2CFC6
#C2D0C5
#C2D1C4
#C2D2C3
#C7C8C8
#C7C9C7
#C7CBC5
#C7CCC4
#C7CDC3
#C7CEC2
#C7D0C0
#CCC3C8
#CCC5C6
#CCC6C5
#CCC8C3
#CCC9C2
#CCCBC0
#CCCDBE
#D1BEC8
#D1C0C6
#D1C2C4
#D1C4C2
#D1C6C0
#D1C8BE
#D1CBBB
#D7B8C8
#D7BBC5
#D7BDC3
#D7C0C0
#D7C2BE
#D7C5BB
#D7C8B8
Colorpallet from #B8D7C8 to #D7B8C8 and to #C8B8D7
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BDD2C8
#BDD2C8
#BCD2C9
#BCD2C9
#BCD2C9
#BBD2CA
#BBD2CA
#C2CDC8
#C1CDC9
#C0CDCA
#C0CDCA
#BFCDCB
#BECDCC
#BDCDCD
#C7C8C8
#C6C8C9
#C5C8CA
#C4C8CB
#C3C8CC
#C1C8CE
#C0C8CF
#CCC3C8
#CAC3CA
#C9C3CB
#C7C3CD
#C6C3CE
#C4C3D0
#C2C3D2
#D1BEC8
#CFBECA
#CDBECC
#CBBECE
#C9BED0
#C7BED2
#C5BED4
#D7B8C8
#D5B8CA
#D2B8CD
#D0B8CF
#CDB8D2
#CBB8D4
#C8B8D7
Colorpallet from #B8D7C8 to #D7B8C8 and to #C8D7B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BDD2C8
#BDD3C8
#BCD4C7
#BCD4C7
#BCD5C6
#BBD6C6
#BBD7C5
#C2CDC8
#C1CFC7
#C0D0C6
#C0D2C6
#BFD3C5
#BED5C4
#BDD7C3
#C7C8C8
#C6CAC7
#C5CDC5
#C4CFC4
#C3D2C3
#C1D4C2
#C0D7C0
#CCC3C8
#CAC6C6
#C9C9C5
#C7CDC3
#C6D0C2
#C4D3C0
#C2D7BE
#D1BEC8
#CFC2C6
#CDC6C4
#CBCAC2
#C9CEC0
#C7D2BE
#C5D7BB
#D7B8C8
#D5BDC5
#D2C2C3
#D0C7C0
#CDCCBE
#CBD1BB
#C8D7B8
Colorpallet from #B8D7C8 to #D7C8B8 and to #C8B8D7
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BDD5C5
#BDD5C6
#BCD4C7
#BCD4C7
#BCD3C8
#BBD3C9
#BBD2CA
#C2D2C3
#C1D1C5
#C0D0C6
#C0D0C8
#BFCFC9
#BECECB
#BDCDCD
#C7D0C0
#C6CFC2
#C5CDC5
#C4CCC7
#C3CBCA
#C1CACC
#C0C8CF
#CCCDBE
#CACBC1
#C9CAC4
#C7C8C8
#C6C7CB
#C4C5CE
#C2C3D2
#D1CBBB
#CFC9BF
#CDC7C3
#CBC5C7
#C9C3CB
#C7C1CF
#C5BED4
#D7C8B8
#D5C5BD
#D2C3C2
#D0C0C7
#CDBECC
#CBBBD1
#C8B8D7
Colorpallet from #B8D7C8 to #D7C8B8 and to #C8D7B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BDD5C5
#BDD5C5
#BCD6C5
#BCD6C5
#BCD6C5
#BBD7C5
#BBD7C5
#C2D2C3
#C1D3C3
#C0D4C3
#C0D4C3
#BFD5C3
#BED6C3
#BDD7C3
#C7D0C0
#C6D1C0
#C5D2C0
#C4D3C0
#C3D4C0
#C1D6C0
#C0D7C0
#CCCDBE
#CACFBE
#C9D0BE
#C7D2BE
#C6D3BE
#C4D5BE
#C2D7BE
#D1CBBB
#CFCDBB
#CDCFBB
#CBD1BB
#C9D3BB
#C7D5BB
#C5D7BB
#D7C8B8
#D5CAB8
#D2CDB8
#D0CFB8
#CDD2B8
#CBD4B8
#C8D7B8
Colorpallet from #B8D7C8 to #C8B8D7 and to #C8D7B8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#B8D7C8
#BBD2CA
#BBD3C9
#BBD4C8
#BBD4C8
#BBD5C7
#BBD6C6
#BBD7C5
#BDCDCD
#BDCFCB
#BDD0CA
#BDD2C8
#BDD3C7
#BDD5C5
#BDD7C3
#C0C8CF
#C0CACD
#C0CDCA
#C0CFC8
#C0D2C5
#C0D4C3
#C0D7C0
#C2C3D2
#C2C6CF
#C2C9CC
#C2CDC8
#C2D0C5
#C2D3C2
#C2D7BE
#C5BED4
#C5C2D0
#C5C6CC
#C5CAC8
#C5CEC4
#C5D2C0
#C5D7BB
#C8B8D7
#C8BDD2
#C8C2CD
#C8C7C8
#C8CCC3
#C8D1BE
#C8D7B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts