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 #B8DEE2 to #B8E2DE and to #DEB8E2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DFE1
#B9DEE1
#BADDE1
#BBDCE1
#BCDBE2
#BDD9E2
#BED8E2
#B8DFE1
#BADDE1
#BCDBE1
#BED9E1
#C0D7E2
#C2D5E2
#C4D2E2
#B8E0E0
#BBDDE0
#BEDAE1
#C1D6E1
#C4D3E1
#C6D0E2
#CACCE2
#B8E1DF
#BCDDDF
#C0D8E0
#C4D4E0
#C7D0E1
#CBCBE1
#D0C6E2
#B8E1DF
#BDDCDF
#C2D6E0
#C6D1E0
#CBCCE1
#D0C7E1
#D6C0E2
#B8E2DE
#BEDBDF
#C4D5DF
#CACEE0
#D0C7E1
#D6C0E1
#DEB8E2
Colorpallet from #B8DEE2 to #B8E2DE and to #DEE2B8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DFE1
#B9DFE0
#BADFDF
#BBDFDE
#BCDFDD
#BDDFDC
#BEDFDB
#B8DFE1
#BADFDF
#BCDFDD
#BEDFDB
#C0DFD9
#C2DFD7
#C4DFD5
#B8E0E0
#BBE0DD
#BEE0DA
#C1E0D7
#C4E0D4
#C6E0D2
#CAE0CE
#B8E1DF
#BCE1DB
#C0E1D7
#C4E1D3
#C7E1D0
#CBE1CC
#D0E1C7
#B8E1DF
#BDE1DA
#C2E1D5
#C6E1D0
#CBE1CB
#D0E1C6
#D6E1C0
#B8E2DE
#BEE2D8
#C4E2D2
#CAE2CC
#D0E2C6
#D6E2C0
#DEE2B8
Colorpallet from #B8DEE2 to #B8E2DE and to #E2B8DE
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DFE1
#B9DEE1
#BADDE1
#BBDCE1
#BCDBE1
#BED9E1
#BFD8E1
#B8DFE1
#BADDE1
#BCDBE1
#BED9E1
#C0D7E1
#C2D5E1
#C5D2E1
#B8E0E0
#BBDDE0
#BEDAE0
#C2D6E0
#C5D3E0
#C8D0E0
#CCCCE0
#B8E1DF
#BCDDDF
#C1D8DF
#C5D4DF
#C9D0DF
#CECBDF
#D3C6DF
#B8E1DF
#BDDCDF
#C3D6DF
#C8D1DF
#CECCDF
#D3C7DF
#DAC0DF
#B8E2DE
#BFDBDE
#C5D5DE
#CCCEDE
#D3C7DE
#DAC0DE
#E2B8DE
Colorpallet from #B8DEE2 to #B8E2DE and to #E2DEB8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DFE1
#B9DFE0
#BADFDF
#BBDFDE
#BCDEDD
#BEDEDC
#BFDEDB
#B8DFE1
#BADFDF
#BCDFDD
#BEDFDB
#C0DED9
#C2DED7
#C5DED5
#B8E0E0
#BBE0DD
#BEDFDA
#C2DFD7
#C5DFD4
#C8DED2
#CCDECE
#B8E1DF
#BCE1DB
#C1E0D7
#C5E0D3
#C9DFD0
#CEDFCC
#D3DEC7
#B8E1DF
#BDE1DA
#C3E0D5
#C8E0D0
#CEDFCB
#D3DFC6
#DADEC0
#B8E2DE
#BFE1D8
#C5E1D2
#CCE0CC
#D3DFC6
#DADFC0
#E2DEB8
Colorpallet from #B8DEE2 to #DEB8E2 and to #DEE2B8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BED8E2
#BED9E1
#BEDAE0
#BEDBDF
#BEDCDE
#BEDEDC
#BEDFDB
#C4D2E2
#C4D4E0
#C4D6DE
#C4D8DC
#C4DADA
#C4DCD8
#C4DFD5
#CACCE2
#CACFDF
#CAD2DC
#CAD6D8
#CAD9D5
#CADCD2
#CAE0CE
#D0C6E2
#D0CADE
#D0CFD9
#D0D3D5
#D0D7D1
#D0DCCC
#D0E1C7
#D6C0E2
#D6C5DD
#D6CBD7
#D6D0D2
#D6D5CC
#D6DAC7
#D6E1C0
#DEB8E2
#DEBFDB
#DEC5D5
#DECCCE
#DED3C7
#DEDAC0
#DEE2B8
Colorpallet from #B8DEE2 to #DEB8E2 and to #E2B8DE
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BED8E2
#BED8E2
#BED8E2
#BED8E2
#BFD8E1
#BFD8E1
#BFD8E1
#C4D2E2
#C4D2E2
#C4D2E2
#C4D2E2
#C5D2E1
#C5D2E1
#C5D2E1
#CACCE2
#CACCE2
#CBCCE1
#CBCCE1
#CBCCE1
#CCCCE0
#CCCCE0
#D0C6E2
#D0C6E2
#D1C6E1
#D1C6E1
#D2C6E0
#D2C6E0
#D3C6DF
#D6C0E2
#D7C0E2
#D7C0E1
#D8C0E1
#D9C0E0
#D9C0E0
#DAC0DF
#DEB8E2
#DFB8E1
#DFB8E1
#E0B8E0
#E1B8DF
#E1B8DF
#E2B8DE
Colorpallet from #B8DEE2 to #DEB8E2 and to #E2DEB8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BED8E2
#BED9E1
#BEDAE0
#BEDBDF
#BFDCDE
#BFDDDC
#BFDEDB
#C4D2E2
#C4D4E0
#C4D6DE
#C4D8DC
#C5DADA
#C5DCD8
#C5DED5
#CACCE2
#CACFDF
#CBD2DC
#CBD5D8
#CBD8D5
#CCDAD2
#CCDECE
#D0C6E2
#D0CADE
#D1CED9
#D1D2D5
#D2D5D1
#D2D9CC
#D3DEC7
#D6C0E2
#D7C5DD
#D7CAD7
#D8CED2
#D9D3CC
#D9D8C7
#DADEC0
#DEB8E2
#DFBEDB
#DFC4D5
#E0CACE
#E1D0C7
#E1D6C0
#E2DEB8
Colorpallet from #B8DEE2 to #DEE2B8 and to #E2B8DE
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BEDFDB
#BEDEDC
#BEDDDD
#BEDCDE
#BFDBDF
#BFD9E0
#BFD8E1
#C4DFD5
#C4DDD7
#C4DBD9
#C4D9DB
#C5D7DD
#C5D5DF
#C5D2E1
#CAE0CE
#CADDD1
#CBDAD4
#CBD6D7
#CBD3DA
#CCD0DC
#CCCCE0
#D0E1C7
#D0DDCB
#D1D8CF
#D1D4D3
#D2D0D6
#D2CBDA
#D3C6DF
#D6E1C0
#D7DCC5
#D7D6CA
#D8D1CF
#D9CCD4
#D9C7D9
#DAC0DF
#DEE2B8
#DFDBBE
#DFD5C4
#E0CECA
#E1C7D0
#E1C0D6
#E2B8DE
Colorpallet from #B8DEE2 to #DEE2B8 and to #E2DEB8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BEDFDB
#BEDFDB
#BEDFDB
#BEDFDB
#BFDEDB
#BFDEDB
#BFDEDB
#C4DFD5
#C4DFD5
#C4DFD5
#C4DFD5
#C5DED5
#C5DED5
#C5DED5
#CAE0CE
#CAE0CE
#CBDFCE
#CBDFCE
#CBDFCE
#CCDECE
#CCDECE
#D0E1C7
#D0E1C7
#D1E0C7
#D1E0C7
#D2DFC7
#D2DFC7
#D3DEC7
#D6E1C0
#D7E1C0
#D7E0C0
#D8E0C0
#D9DFC0
#D9DFC0
#DADEC0
#DEE2B8
#DFE1B8
#DFE1B8
#E0E0B8
#E1DFB8
#E1DFB8
#E2DEB8
Colorpallet from #B8DEE2 to #E2B8DE and to #E2DEB8
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#B8DEE2
#BFD8E1
#BFD9E0
#BFDADF
#BFDBDE
#BFDCDD
#BFDDDC
#BFDEDB
#C5D2E1
#C5D4DF
#C5D6DD
#C5D8DB
#C5DAD9
#C5DCD7
#C5DED5
#CCCCE0
#CCCFDD
#CCD2DA
#CCD5D7
#CCD8D4
#CCDAD2
#CCDECE
#D3C6DF
#D3CADB
#D3CED7
#D3D2D3
#D3D5D0
#D3D9CC
#D3DEC7
#DAC0DF
#DAC5DA
#DACAD5
#DACED0
#DAD3CB
#DAD8C6
#DADEC0
#E2B8DE
#E2BED8
#E2C4D2
#E2CACC
#E2D0C6
#E2D6C0
#E2DEB8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts