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 #BACDD3 to #BAD3CD and to #CDBAD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACED2
#BACDD2
#BBCDD2
#BBCCD2
#BCCBD3
#BCCBD3
#BDCAD3
#BACFD1
#BBCED1
#BCCCD2
#BDCBD2
#BECAD2
#BFC9D3
#C0C7D3
#BAD0D0
#BBCED0
#BDCCD1
#BECAD1
#C0C8D2
#C1C6D2
#C3C4D3
#BAD1CF
#BCCED0
#BECCD0
#C0C9D1
#C2C7D2
#C4C4D2
#C6C1D3
#BAD2CE
#BCCFCF
#BFCCD0
#C1C8D0
#C4C5D1
#C6C2D2
#C9BED3
#BAD3CD
#BDCFCE
#C0CBCF
#C3C7D0
#C6C3D1
#C9BFD2
#CDBAD3
Colorpallet from #BACDD3 to #BAD3CD and to #CDD3BA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACED2
#BACED2
#BBCED1
#BBCED1
#BCCED0
#BCCED0
#BDCECF
#BACFD1
#BBCFD0
#BCCFCF
#BDCFCE
#BECFCD
#BFCFCC
#C0CFCB
#BAD0D0
#BBD0CF
#BDD0CD
#BED0CC
#C0D0CA
#C1D0C9
#C3D0C7
#BAD1CF
#BCD1CD
#BED1CB
#C0D1C9
#C2D1C7
#C4D1C5
#C6D1C3
#BAD2CE
#BCD2CC
#BFD2C9
#C1D2C7
#C4D2C4
#C6D2C2
#C9D2BF
#BAD3CD
#BDD3CA
#C0D3C7
#C3D3C4
#C6D3C1
#C9D3BE
#CDD3BA
Colorpallet from #BACDD3 to #BAD3CD and to #D3BACD
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACED2
#BBCDD2
#BBCDD2
#BCCCD2
#BDCBD2
#BDCBD2
#BECAD2
#BACFD1
#BBCED1
#BDCCD1
#BECBD1
#BFCAD1
#C0C9D1
#C2C7D1
#BAD0D0
#BCCED0
#BECCD0
#C0CAD0
#C2C8D0
#C4C6D0
#C6C4D0
#BAD1CF
#BDCECF
#BFCCCF
#C2C9CF
#C4C7CF
#C7C4CF
#CAC1CF
#BAD2CE
#BDCFCE
#C0CCCE
#C4C8CE
#C7C5CE
#CAC2CE
#CEBECE
#BAD3CD
#BECFCD
#C2CBCD
#C6C7CD
#CAC3CD
#CEBFCD
#D3BACD
Colorpallet from #BACDD3 to #BAD3CD and to #D3CDBA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACED2
#BBCED2
#BBCED1
#BCCED1
#BDCDD0
#BDCDD0
#BECDCF
#BACFD1
#BBCFD0
#BDCECF
#BECECE
#BFCECD
#C0CDCC
#C2CDCB
#BAD0D0
#BCD0CF
#BECFCD
#C0CFCC
#C2CECA
#C4CEC9
#C6CDC7
#BAD1CF
#BDD0CD
#BFD0CB
#C2CFC9
#C4CEC7
#C7CEC5
#CACDC3
#BAD2CE
#BDD1CC
#C0D0C9
#C4D0C7
#C7CFC4
#CACEC2
#CECDBF
#BAD3CD
#BED2CA
#C2D1C7
#C6D0C4
#CACFC1
#CECEBE
#D3CDBA
Colorpallet from #BACDD3 to #CDBAD3 and to #CDD3BA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BDCAD3
#BDCBD2
#BDCBD2
#BDCCD1
#BDCDD0
#BDCDD0
#BDCECF
#C0C7D3
#C0C8D2
#C0CAD0
#C0CBCF
#C0CCCE
#C0CDCD
#C0CFCB
#C3C4D3
#C3C6D1
#C3C8CF
#C3CACD
#C3CCCB
#C3CEC9
#C3D0C7
#C6C1D3
#C6C4D0
#C6C6CE
#C6C9CB
#C6CBC9
#C6CEC6
#C6D1C3
#C9BED3
#C9C1D0
#C9C4CD
#C9C8C9
#C9CBC6
#C9CEC3
#C9D2BF
#CDBAD3
#CDBECF
#CDC2CB
#CDC6C7
#CDCAC3
#CDCEBF
#CDD3BA
Colorpallet from #BACDD3 to #CDBAD3 and to #D3BACD
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BDCAD3
#BDCAD3
#BDCAD3
#BDCAD3
#BECAD2
#BECAD2
#BECAD2
#C0C7D3
#C0C7D3
#C1C7D2
#C1C7D2
#C1C7D2
#C2C7D1
#C2C7D1
#C3C4D3
#C3C4D3
#C4C4D2
#C4C4D2
#C5C4D1
#C5C4D1
#C6C4D0
#C6C1D3
#C7C1D2
#C7C1D2
#C8C1D1
#C9C1D0
#C9C1D0
#CAC1CF
#C9BED3
#CABED2
#CBBED1
#CBBED1
#CCBED0
#CDBECF
#CEBECE
#CDBAD3
#CEBAD2
#CFBAD1
#D0BAD0
#D1BACF
#D2BACE
#D3BACD
Colorpallet from #BACDD3 to #CDBAD3 and to #D3CDBA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BDCAD3
#BDCAD2
#BDCBD2
#BDCBD1
#BECCD0
#BECCD0
#BECDCF
#C0C7D3
#C0C8D2
#C1C9D0
#C1CACF
#C1CBCE
#C2CCCD
#C2CDCB
#C3C4D3
#C3C5D1
#C4C7CF
#C4C8CD
#C5CACB
#C5CBC9
#C6CDC7
#C6C1D3
#C7C3D0
#C7C5CE
#C8C7CB
#C9C9C9
#C9CBC6
#CACDC3
#C9BED3
#CAC0D0
#CBC3CD
#CBC5C9
#CCC8C6
#CDCAC3
#CECDBF
#CDBAD3
#CEBDCF
#CFC0CB
#D0C3C7
#D1C6C3
#D2C9BF
#D3CDBA
Colorpallet from #BACDD3 to #CDD3BA and to #D3BACD
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BDCECF
#BDCDCF
#BDCDD0
#BDCCD0
#BECBD1
#BECBD1
#BECAD2
#C0CFCB
#C0CECC
#C1CCCD
#C1CBCE
#C1CACF
#C2C9D0
#C2C7D1
#C3D0C7
#C3CEC8
#C4CCCA
#C4CACB
#C5C8CD
#C5C6CE
#C6C4D0
#C6D1C3
#C7CEC5
#C7CCC7
#C8C9C9
#C9C7CB
#C9C4CD
#CAC1CF
#C9D2BF
#CACFC1
#CBCCC4
#CBC8C6
#CCC5C9
#CDC2CB
#CEBECE
#CDD3BA
#CECFBD
#CFCBC0
#D0C7C3
#D1C3C6
#D2BFC9
#D3BACD
Colorpallet from #BACDD3 to #CDD3BA and to #D3CDBA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BDCECF
#BDCECF
#BDCECF
#BDCECF
#BECDCF
#BECDCF
#BECDCF
#C0CFCB
#C0CFCB
#C1CECB
#C1CECB
#C1CECB
#C2CDCB
#C2CDCB
#C3D0C7
#C3D0C7
#C4CFC7
#C4CFC7
#C5CEC7
#C5CEC7
#C6CDC7
#C6D1C3
#C7D0C3
#C7D0C3
#C8CFC3
#C9CEC3
#C9CEC3
#CACDC3
#C9D2BF
#CAD1BF
#CBD0BF
#CBD0BF
#CCCFBF
#CDCEBF
#CECDBF
#CDD3BA
#CED2BA
#CFD1BA
#D0D0BA
#D1CFBA
#D2CEBA
#D3CDBA
Colorpallet from #BACDD3 to #D3BACD and to #D3CDBA
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BACDD3
#BECAD2
#BECAD2
#BECBD1
#BECBD1
#BECCD0
#BECCD0
#BECDCF
#C2C7D1
#C2C8D0
#C2C9CF
#C2CACE
#C2CBCD
#C2CCCC
#C2CDCB
#C6C4D0
#C6C5CF
#C6C7CD
#C6C8CC
#C6CACA
#C6CBC9
#C6CDC7
#CAC1CF
#CAC3CD
#CAC5CB
#CAC7C9
#CAC9C7
#CACBC5
#CACDC3
#CEBECE
#CEC0CC
#CEC3C9
#CEC5C7
#CEC8C4
#CECAC2
#CECDBF
#D3BACD
#D3BDCA
#D3C0C7
#D3C3C4
#D3C6C1
#D3C9BE
#D3CDBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts