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 #B4CDD8 to #B4D8CD and to #CDB4D8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CFD6
#B5CED6
#B5CDD7
#B6CCD7
#B7CBD7
#B7CAD8
#B8C9D8
#B4D1D4
#B5CFD5
#B7CDD5
#B8CBD6
#B9C9D7
#BAC7D7
#BCC5D8
#B4D2D3
#B6CFD4
#B8CDD5
#BACAD5
#BCC7D6
#BEC4D7
#C0C1D8
#B4D4D1
#B7D0D2
#B9CDD3
#BCC9D4
#BEC5D5
#C1C2D7
#C4BDD8
#B4D6CF
#B7D1D0
#BACDD2
#BEC8D3
#C1C3D5
#C4BFD6
#C8B9D8
#B4D8CD
#B8D2CF
#BCCCD1
#C0C7D2
#C4C1D4
#C8BBD6
#CDB4D8
Colorpallet from #B4CDD8 to #B4D8CD and to #CDD8B4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CFD6
#B5CFD5
#B5CFD5
#B6CFD4
#B7CFD3
#B7CFD3
#B8CFD2
#B4D1D4
#B5D1D3
#B7D1D1
#B8D1D0
#B9D1CF
#BAD1CE
#BCD1CC
#B4D2D3
#B6D2D1
#B8D2CF
#BAD2CD
#BCD2CB
#BED2C9
#C0D2C7
#B4D4D1
#B7D4CE
#B9D4CC
#BCD4C9
#BED4C7
#C1D4C4
#C4D4C1
#B4D6CF
#B7D6CC
#BAD6C9
#BED6C5
#C1D6C2
#C4D6BF
#C8D6BB
#B4D8CD
#B8D8C9
#BCD8C5
#C0D8C1
#C4D8BD
#C8D8B9
#CDD8B4
Colorpallet from #B4CDD8 to #B4D8CD and to #D8B4CD
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CFD6
#B5CED6
#B6CDD6
#B7CCD6
#B8CBD6
#B9CAD6
#BAC9D6
#B4D1D4
#B6CFD4
#B8CDD4
#BACBD4
#BCC9D4
#BEC7D4
#C0C5D4
#B4D2D3
#B7CFD3
#B9CDD3
#BCCAD3
#BFC7D3
#C2C4D3
#C5C1D3
#B4D4D1
#B8D0D1
#BBCDD1
#BFC9D1
#C3C5D1
#C6C2D1
#CBBDD1
#B4D6CF
#B9D1CF
#BDCDCF
#C2C8CF
#C7C3CF
#CBBFCF
#D1B9CF
#B4D8CD
#BAD2CD
#C0CCCD
#C5C7CD
#CBC1CD
#D1BBCD
#D8B4CD
Colorpallet from #B4CDD8 to #B4D8CD and to #D8CDB4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CFD6
#B5CFD5
#B6CED5
#B7CED4
#B8CED3
#B9CDD3
#BACDD2
#B4D1D4
#B6D0D3
#B8D0D1
#BACFD0
#BCCECF
#BECECE
#C0CDCC
#B4D2D3
#B7D1D1
#B9D0CF
#BCD0CD
#BFCFCB
#C2CEC9
#C5CDC7
#B4D4D1
#B8D3CE
#BBD2CC
#BFD1C9
#C3D0C7
#C6CEC4
#CBCDC1
#B4D6CF
#B9D5CC
#BDD3C9
#C2D2C5
#C7D0C2
#CBCFBF
#D1CDBB
#B4D8CD
#BAD6C9
#C0D4C5
#C5D3C1
#CBD1BD
#D1CFB9
#D8CDB4
Colorpallet from #B4CDD8 to #CDB4D8 and to #CDD8B4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B8C9D8
#B8CAD7
#B8CBD6
#B8CCD5
#B8CDD4
#B8CED3
#B8CFD2
#BCC5D8
#BCC7D6
#BCC9D4
#BCCBD2
#BCCDD0
#BCCFCE
#BCD1CC
#C0C1D8
#C0C4D5
#C0C6D3
#C0C9D0
#C0CCCD
#C0CFCA
#C0D2C7
#C4BDD8
#C4C1D4
#C4C4D1
#C4C8CD
#C4CCC9
#C4CFC6
#C4D4C1
#C8B9D8
#C8BED3
#C8C2CF
#C8C7CA
#C8CCC5
#C8D0C1
#C8D6BB
#CDB4D8
#CDBAD2
#CDC0CC
#CDC5C7
#CDCBC1
#CDD1BB
#CDD8B4
Colorpallet from #B4CDD8 to #CDB4D8 and to #D8B4CD
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B8C9D8
#B8C9D8
#B9C9D7
#B9C9D7
#B9C9D7
#BAC9D6
#BAC9D6
#BCC5D8
#BDC5D7
#BDC5D7
#BEC5D6
#BFC5D5
#BFC5D5
#C0C5D4
#C0C1D8
#C1C1D7
#C2C1D6
#C2C1D6
#C3C1D5
#C4C1D4
#C5C1D3
#C4BDD8
#C5BDD7
#C6BDD6
#C7BDD5
#C8BDD4
#CABDD2
#CBBDD1
#C8B9D8
#C9B9D7
#CBB9D5
#CCB9D4
#CEB9D2
#CFB9D1
#D1B9CF
#CDB4D8
#CFB4D6
#D1B4D4
#D2B4D3
#D4B4D1
#D6B4CF
#D8B4CD
Colorpallet from #B4CDD8 to #CDB4D8 and to #D8CDB4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B8C9D8
#B8CAD7
#B9CAD6
#B9CBD5
#B9CCD4
#BACCD3
#BACDD2
#BCC5D8
#BDC6D6
#BDC8D4
#BEC9D2
#BFCAD0
#BFCBCE
#C0CDCC
#C0C1D8
#C1C3D5
#C2C5D3
#C2C7D0
#C3C9CD
#C4CBCA
#C5CDC7
#C4BDD8
#C5C0D4
#C6C2D1
#C7C5CD
#C8C7C9
#CACAC6
#CBCDC1
#C8B9D8
#C9BCD3
#CBBFCF
#CCC3CA
#CEC6C5
#CFC9C1
#D1CDBB
#CDB4D8
#CFB8D2
#D1BCCC
#D2C0C7
#D4C4C1
#D6C8BB
#D8CDB4
Colorpallet from #B4CDD8 to #CDD8B4 and to #D8B4CD
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B8CFD2
#B8CED3
#B9CDD3
#B9CCD4
#B9CBD5
#BACAD5
#BAC9D6
#BCD1CC
#BDCFCD
#BDCDCF
#BECBD0
#BFC9D1
#BFC7D2
#C0C5D4
#C0D2C7
#C1CFC9
#C2CDCB
#C2CACD
#C3C7CF
#C4C4D1
#C5C1D3
#C4D4C1
#C5D0C4
#C6CDC6
#C7C9C9
#C8C5CB
#CAC2CE
#CBBDD1
#C8D6BB
#C9D1BE
#CBCDC1
#CCC8C5
#CEC3C8
#CFBFCB
#D1B9CF
#CDD8B4
#CFD2B8
#D1CCBC
#D2C7C0
#D4C1C4
#D6BBC8
#D8B4CD
Colorpallet from #B4CDD8 to #CDD8B4 and to #D8CDB4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B8CFD2
#B8CFD2
#B9CED2
#B9CED2
#B9CED2
#BACDD2
#BACDD2
#BCD1CC
#BDD0CC
#BDD0CC
#BECFCC
#BFCECC
#BFCECC
#C0CDCC
#C0D2C7
#C1D1C7
#C2D0C7
#C2D0C7
#C3CFC7
#C4CEC7
#C5CDC7
#C4D4C1
#C5D3C1
#C6D2C1
#C7D1C1
#C8D0C1
#CACEC1
#CBCDC1
#C8D6BB
#C9D5BB
#CBD3BB
#CCD2BB
#CED0BB
#CFCFBB
#D1CDBB
#CDD8B4
#CFD6B4
#D1D4B4
#D2D3B4
#D4D1B4
#D6CFB4
#D8CDB4
Colorpallet from #B4CDD8 to #D8B4CD and to #D8CDB4
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#B4CDD8
#BAC9D6
#BACAD5
#BACAD5
#BACBD4
#BACCD3
#BACCD3
#BACDD2
#C0C5D4
#C0C6D3
#C0C8D1
#C0C9D0
#C0CACF
#C0CBCE
#C0CDCC
#C5C1D3
#C5C3D1
#C5C5CF
#C5C7CD
#C5C9CB
#C5CBC9
#C5CDC7
#CBBDD1
#CBC0CE
#CBC2CC
#CBC5C9
#CBC7C7
#CBCAC4
#CBCDC1
#D1B9CF
#D1BCCC
#D1BFC9
#D1C3C5
#D1C6C2
#D1C9BF
#D1CDBB
#D8B4CD
#D8B8C9
#D8BCC5
#D8C0C1
#D8C4BD
#D8C8B9
#D8CDB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts