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 #B4D8CD to #B4CDD8 and to #D8B4CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D6CF
#B5D5CF
#B6D5CE
#B7D4CE
#B8D3CE
#B9D3CD
#BAD2CD
#B4D4D1
#B6D3D0
#B8D1D0
#BAD0CF
#BCCFCE
#BECECE
#C0CCCD
#B4D3D2
#B7D1D1
#B9CFD0
#BCCDD0
#BFCBCF
#C2C9CE
#C5C7CD
#B4D1D4
#B8CED3
#BBCCD2
#BFC9D1
#C3C7D0
#C6C4CE
#CBC1CD
#B4CFD6
#B9CCD5
#BDC9D3
#C2C5D2
#C7C2D0
#CBBFCF
#D1BBCD
#B4CDD8
#BAC9D6
#C0C5D4
#C5C1D3
#CBBDD1
#D1B9CF
#D8B4CD
Colorpallet from #B4D8CD to #B4CDD8 and to #D8CDB4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D6CF
#B5D6CE
#B6D6CD
#B7D6CC
#B8D6CB
#B9D6CA
#BAD6C9
#B4D4D1
#B6D4CF
#B8D4CD
#BAD4CB
#BCD4C9
#BED4C7
#C0D4C5
#B4D3D2
#B7D3CF
#B9D3CD
#BCD3CA
#BFD3C7
#C2D3C4
#C5D3C1
#B4D1D4
#B8D1D0
#BBD1CD
#BFD1C9
#C3D1C5
#C6D1C2
#CBD1BD
#B4CFD6
#B9CFD1
#BDCFCD
#C2CFC8
#C7CFC3
#CBCFBF
#D1CFB9
#B4CDD8
#BACDD2
#C0CDCC
#C5CDC7
#CBCDC1
#D1CDBB
#D8CDB4
Colorpallet from #B4D8CD to #B4CDD8 and to #CDB4D8
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D6CF
#B5D5CF
#B5D5CF
#B6D4CF
#B7D3CF
#B7D3CF
#B8D2CF
#B4D4D1
#B5D3D1
#B7D1D1
#B8D0D1
#B9CFD1
#BACED1
#BCCCD1
#B4D3D2
#B6D1D2
#B8CFD2
#BACDD2
#BCCBD2
#BEC9D2
#C0C7D2
#B4D1D4
#B7CED4
#B9CCD4
#BCC9D4
#BEC7D4
#C1C4D4
#C4C1D4
#B4CFD6
#B7CCD6
#BAC9D6
#BEC5D6
#C1C2D6
#C4BFD6
#C8BBD6
#B4CDD8
#B8C9D8
#BCC5D8
#C0C1D8
#C4BDD8
#C8B9D8
#CDB4D8
Colorpallet from #B4D8CD to #B4CDD8 and to #CDD8B4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D6CF
#B5D6CE
#B5D7CD
#B6D7CC
#B7D7CB
#B7D8CA
#B8D8C9
#B4D4D1
#B5D5CF
#B7D5CD
#B8D6CB
#B9D7C9
#BAD7C7
#BCD8C5
#B4D3D2
#B6D4CF
#B8D5CD
#BAD5CA
#BCD6C7
#BED7C4
#C0D8C1
#B4D1D4
#B7D2D0
#B9D3CD
#BCD4C9
#BED5C5
#C1D7C2
#C4D8BD
#B4CFD6
#B7D0D1
#BAD2CD
#BED3C8
#C1D5C3
#C4D6BF
#C8D8B9
#B4CDD8
#B8CFD2
#BCD1CC
#C0D2C7
#C4D4C1
#C8D6BB
#CDD8B4
Colorpallet from #B4D8CD to #D8B4CD and to #D8CDB4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#BAD2CD
#BAD3CC
#BAD3CC
#BAD4CB
#BAD5CA
#BAD5CA
#BAD6C9
#C0CCCD
#C0CDCC
#C0CFCA
#C0D0C9
#C0D1C8
#C0D2C7
#C0D4C5
#C5C7CD
#C5C9CB
#C5CBC9
#C5CDC7
#C5CFC5
#C5D1C3
#C5D3C1
#CBC1CD
#CBC4CA
#CBC6C8
#CBC9C5
#CBCBC3
#CBCEC0
#CBD1BD
#D1BBCD
#D1BECA
#D1C1C7
#D1C5C3
#D1C8C0
#D1CBBD
#D1CFB9
#D8B4CD
#D8B8C9
#D8BCC5
#D8C0C1
#D8C4BD
#D8C8B9
#D8CDB4
Colorpallet from #B4D8CD to #D8B4CD and to #CDB4D8
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#BAD2CD
#BAD2CD
#B9D2CE
#B9D2CE
#B9D2CE
#B8D2CF
#B8D2CF
#C0CCCD
#BFCCCE
#BFCCCE
#BECCCF
#BDCCD0
#BDCCD0
#BCCCD1
#C5C7CD
#C4C7CE
#C3C7CF
#C3C7CF
#C2C7D0
#C1C7D1
#C0C7D2
#CBC1CD
#CAC1CE
#C9C1CF
#C8C1D0
#C7C1D1
#C5C1D3
#C4C1D4
#D1BBCD
#D0BBCE
#CEBBD0
#CDBBD1
#CBBBD3
#CABBD4
#C8BBD6
#D8B4CD
#D6B4CF
#D4B4D1
#D3B4D2
#D1B4D4
#CFB4D6
#CDB4D8
Colorpallet from #B4D8CD to #D8B4CD and to #CDD8B4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#BAD2CD
#BAD3CC
#B9D4CC
#B9D5CB
#B9D6CA
#B8D7CA
#B8D8C9
#C0CCCD
#BFCECC
#BFD0CA
#BED2C9
#BDD4C8
#BDD6C7
#BCD8C5
#C5C7CD
#C4CACB
#C3CCC9
#C3CFC7
#C2D2C5
#C1D5C3
#C0D8C1
#CBC1CD
#CAC5CA
#C9C8C8
#C8CCC5
#C7D0C3
#C5D3C0
#C4D8BD
#D1BBCD
#D0C0CA
#CEC4C7
#CDC9C3
#CBCEC0
#CAD2BD
#C8D8B9
#D8B4CD
#D6BAC9
#D4C0C5
#D3C5C1
#D1CBBD
#CFD1B9
#CDD8B4
Colorpallet from #B4D8CD to #D8CDB4 and to #CDB4D8
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#BAD6C9
#BAD5CA
#B9D5CB
#B9D4CC
#B9D3CD
#B8D3CE
#B8D2CF
#C0D4C5
#BFD3C7
#BFD1C9
#BED0CB
#BDCFCD
#BDCECF
#BCCCD1
#C5D3C1
#C4D1C4
#C3CFC6
#C3CDC9
#C2CBCC
#C1C9CF
#C0C7D2
#CBD1BD
#CACEC1
#C9CCC4
#C8C9C8
#C7C7CC
#C5C4CF
#C4C1D4
#D1CFB9
#D0CCBE
#CEC9C2
#CDC5C7
#CBC2CC
#CABFD0
#C8BBD6
#D8CDB4
#D6C9BA
#D4C5C0
#D3C1C5
#D1BDCB
#CFB9D1
#CDB4D8
Colorpallet from #B4D8CD to #D8CDB4 and to #CDD8B4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#BAD6C9
#BAD6C9
#B9D7C9
#B9D7C9
#B9D7C9
#B8D8C9
#B8D8C9
#C0D4C5
#BFD5C5
#BFD5C5
#BED6C5
#BDD7C5
#BDD7C5
#BCD8C5
#C5D3C1
#C4D4C1
#C3D5C1
#C3D5C1
#C2D6C1
#C1D7C1
#C0D8C1
#CBD1BD
#CAD2BD
#C9D3BD
#C8D4BD
#C7D5BD
#C5D7BD
#C4D8BD
#D1CFB9
#D0D0B9
#CED2B9
#CDD3B9
#CBD5B9
#CAD6B9
#C8D8B9
#D8CDB4
#D6CFB4
#D4D1B4
#D3D2B4
#D1D4B4
#CFD6B4
#CDD8B4
Colorpallet from #B4D8CD to #CDB4D8 and to #CDD8B4
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B4D8CD
#B8D2CF
#B8D3CE
#B8D4CD
#B8D5CC
#B8D6CB
#B8D7CA
#B8D8C9
#BCCCD1
#BCCECF
#BCD0CD
#BCD2CB
#BCD4C9
#BCD6C7
#BCD8C5
#C0C7D2
#C0CACF
#C0CCCD
#C0CFCA
#C0D2C7
#C0D5C4
#C0D8C1
#C4C1D4
#C4C5D0
#C4C8CD
#C4CCC9
#C4D0C5
#C4D3C2
#C4D8BD
#C8BBD6
#C8C0D1
#C8C4CD
#C8C9C8
#C8CEC3
#C8D2BF
#C8D8B9
#CDB4D8
#CDBAD2
#CDC0CC
#CDC5C7
#CDCBC1
#CDD1BB
#CDD8B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts