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 #BACDD4 to #BAD4CD and to #CDBAD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACED3
#BACDD3
#BBCDD3
#BBCCD3
#BCCBD4
#BCCBD4
#BDCAD4
#BACFD2
#BBCED2
#BCCCD3
#BDCBD3
#BECAD3
#BFC9D4
#C0C7D4
#BAD0D1
#BBCED1
#BDCCD2
#BECAD2
#C0C8D3
#C1C6D3
#C3C4D4
#BAD1D0
#BCCED1
#BECCD1
#C0C9D2
#C2C7D3
#C4C4D3
#C6C1D4
#BAD3CE
#BCD0CF
#BFCCD0
#C1C9D1
#C4C6D2
#C6C2D3
#C9BED4
#BAD4CD
#BDD0CE
#C0CCCF
#C3C8D0
#C6C3D1
#C9BFD3
#CDBAD4
Colorpallet from #BACDD4 to #BAD4CD and to #CDD4BA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACED3
#BACED3
#BBCED2
#BBCED2
#BCCED1
#BCCED1
#BDCED0
#BACFD2
#BBCFD1
#BCCFD0
#BDCFCF
#BECFCE
#BFCFCD
#C0CFCC
#BAD0D1
#BBD0D0
#BDD0CE
#BED0CD
#C0D0CB
#C1D0CA
#C3D0C8
#BAD1D0
#BCD1CE
#BED1CC
#C0D1CA
#C2D1C8
#C4D1C6
#C6D1C3
#BAD3CE
#BCD3CC
#BFD3C9
#C1D3C7
#C4D3C4
#C6D3C2
#C9D3BF
#BAD4CD
#BDD4CA
#C0D4C7
#C3D4C4
#C6D4C1
#C9D4BE
#CDD4BA
Colorpallet from #BACDD4 to #BAD4CD and to #D4BACD
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACED3
#BBCDD3
#BBCDD3
#BCCCD3
#BDCBD3
#BDCBD3
#BECAD3
#BACFD2
#BBCED2
#BDCCD2
#BECBD2
#BFCAD2
#C0C9D2
#C2C7D2
#BAD0D1
#BCCED1
#BECCD1
#C0CAD1
#C2C8D1
#C4C6D1
#C6C4D1
#BAD1D0
#BDCED0
#BFCCD0
#C2C9D0
#C5C7D0
#C8C4D0
#CBC1D0
#BAD3CE
#BDD0CE
#C1CCCE
#C4C9CE
#C7C6CE
#CBC2CE
#CFBECE
#BAD4CD
#BED0CD
#C2CCCD
#C6C8CD
#CBC3CD
#CFBFCD
#D4BACD
Colorpallet from #BACDD4 to #BAD4CD and to #D4CDBA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACED3
#BBCED3
#BBCED2
#BCCED2
#BDCDD1
#BDCDD1
#BECDD0
#BACFD2
#BBCFD1
#BDCED0
#BECECF
#BFCECE
#C0CDCD
#C2CDCC
#BAD0D1
#BCD0D0
#BECFCE
#C0CFCD
#C2CECB
#C4CECA
#C6CDC8
#BAD1D0
#BDD0CE
#BFD0CC
#C2CFCA
#C5CEC8
#C8CEC6
#CBCDC3
#BAD3CE
#BDD2CC
#C1D1C9
#C4D0C7
#C7CFC4
#CBCEC2
#CFCDBF
#BAD4CD
#BED3CA
#C2D2C7
#C6D1C4
#CBD0C1
#CFCEBE
#D4CDBA
Colorpallet from #BACDD4 to #CDBAD4 and to #CDD4BA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BDCAD4
#BDCBD3
#BDCBD3
#BDCCD2
#BDCDD1
#BDCDD1
#BDCED0
#C0C7D4
#C0C8D3
#C0CAD1
#C0CBD0
#C0CCCF
#C0CDCE
#C0CFCC
#C3C4D4
#C3C6D2
#C3C8D0
#C3CACE
#C3CCCC
#C3CECA
#C3D0C8
#C6C1D4
#C6C4D1
#C6C6CF
#C6C9CC
#C6CBC9
#C6CEC6
#C6D1C3
#C9BED4
#C9C1D1
#C9C5CD
#C9C8CA
#C9CBC7
#C9CFC3
#C9D3BF
#CDBAD4
#CDBED0
#CDC2CC
#CDC6C8
#CDCBC3
#CDCFBF
#CDD4BA
Colorpallet from #BACDD4 to #CDBAD4 and to #D4BACD
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BDCAD4
#BDCAD4
#BDCAD4
#BDCAD4
#BECAD3
#BECAD3
#BECAD3
#C0C7D4
#C0C7D4
#C1C7D3
#C1C7D3
#C1C7D3
#C2C7D2
#C2C7D2
#C3C4D4
#C3C4D4
#C4C4D3
#C4C4D3
#C5C4D2
#C5C4D2
#C6C4D1
#C6C1D4
#C7C1D3
#C8C1D3
#C8C1D2
#C9C1D1
#CAC1D1
#CBC1D0
#C9BED4
#CABED3
#CBBED2
#CCBED1
#CDBED0
#CEBECF
#CFBECE
#CDBAD4
#CEBAD3
#CFBAD2
#D0BAD1
#D1BAD0
#D3BACE
#D4BACD
Colorpallet from #BACDD4 to #CDBAD4 and to #D4CDBA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BDCAD4
#BDCAD3
#BDCBD3
#BDCBD2
#BECCD1
#BECCD1
#BECDD0
#C0C7D4
#C0C8D3
#C1C9D1
#C1CAD0
#C1CBCF
#C2CCCE
#C2CDCC
#C3C4D4
#C3C5D2
#C4C7D0
#C4C8CE
#C5CACC
#C5CBCA
#C6CDC8
#C6C1D4
#C7C3D1
#C8C5CF
#C8C7CC
#C9C9C9
#CACBC6
#CBCDC3
#C9BED4
#CAC0D1
#CBC3CD
#CCC5CA
#CDC8C7
#CECAC3
#CFCDBF
#CDBAD4
#CEBDD0
#CFC0CC
#D0C3C8
#D1C6C3
#D3C9BF
#D4CDBA
Colorpallet from #BACDD4 to #CDD4BA and to #D4BACD
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BDCED0
#BDCDD0
#BDCDD1
#BDCCD1
#BECBD2
#BECBD2
#BECAD3
#C0CFCC
#C0CECD
#C1CCCE
#C1CBCF
#C1CAD0
#C2C9D1
#C2C7D2
#C3D0C8
#C3CEC9
#C4CCCB
#C4CACC
#C5C8CE
#C5C6CF
#C6C4D1
#C6D1C3
#C7CEC5
#C8CCC7
#C8C9C9
#C9C7CB
#CAC4CD
#CBC1D0
#C9D3BF
#CAD0C1
#CBCCC4
#CCC9C6
#CDC6C9
#CEC2CB
#CFBECE
#CDD4BA
#CED0BD
#CFCCC0
#D0C8C3
#D1C3C6
#D3BFC9
#D4BACD
Colorpallet from #BACDD4 to #CDD4BA and to #D4CDBA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BDCED0
#BDCED0
#BDCED0
#BDCED0
#BECDD0
#BECDD0
#BECDD0
#C0CFCC
#C0CFCC
#C1CECC
#C1CECC
#C1CECC
#C2CDCC
#C2CDCC
#C3D0C8
#C3D0C8
#C4CFC8
#C4CFC8
#C5CEC8
#C5CEC8
#C6CDC8
#C6D1C3
#C7D0C3
#C8D0C3
#C8CFC3
#C9CEC3
#CACEC3
#CBCDC3
#C9D3BF
#CAD2BF
#CBD1BF
#CCD0BF
#CDCFBF
#CECEBF
#CFCDBF
#CDD4BA
#CED3BA
#CFD2BA
#D0D1BA
#D1D0BA
#D3CEBA
#D4CDBA
Colorpallet from #BACDD4 to #D4BACD and to #D4CDBA
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BACDD4
#BECAD3
#BECAD3
#BECBD2
#BECBD2
#BECCD1
#BECCD1
#BECDD0
#C2C7D2
#C2C8D1
#C2C9D0
#C2CACF
#C2CBCE
#C2CCCD
#C2CDCC
#C6C4D1
#C6C5D0
#C6C7CE
#C6C8CD
#C6CACB
#C6CBCA
#C6CDC8
#CBC1D0
#CBC3CE
#CBC5CC
#CBC7CA
#CBC9C8
#CBCBC6
#CBCDC3
#CFBECE
#CFC0CC
#CFC3C9
#CFC5C7
#CFC8C4
#CFCAC2
#CFCDBF
#D4BACD
#D4BDCA
#D4C0C7
#D4C3C4
#D4C6C1
#D4C9BE
#D4CDBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts