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 #CDC8E4 to #CDE4C8 and to #C8CDE4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDCCE0
#CDCCE1
#CDCBE1
#CDCBE2
#CCCAE3
#CCCAE3
#CCC9E4
#CDD1DB
#CDD0DC
#CCCFDE
#CCCEDF
#CCCDE1
#CBCBE2
#CBCAE4
#CDD5D7
#CDD3D9
#CCD1DB
#CCD0DD
#CCCEDF
#CBCCE1
#CBCAE4
#CDDAD2
#CDD8D5
#CCD5D8
#CCD3DB
#CBD0DE
#CBCEE0
#CACBE4
#CDDECE
#CCDBD2
#CCD8D5
#CBD5D9
#CAD2DC
#CAD0E0
#C9CCE4
#CDE4C8
#CCE0CC
#CBDDD1
#CBD9D5
#CAD5DA
#C9D2DE
#C8CDE4
Colorpallet from #CDC8E4 to #CDE4C8 and to #C8E4CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDCCE0
#CDCCE0
#CDCCE0
#CDCCE0
#CCCCE0
#CCCCE0
#CCCCE0
#CDD1DB
#CDD1DB
#CCD1DC
#CCD1DC
#CCD1DC
#CBD1DD
#CBD1DD
#CDD5D7
#CDD5D7
#CCD5D8
#CCD5D8
#CCD5D8
#CBD5D9
#CBD5D9
#CDDAD2
#CDDAD2
#CCDAD3
#CCDAD3
#CBDAD4
#CBDAD4
#CADAD5
#CDDECE
#CCDECF
#CCDECF
#CBDED0
#CADED1
#CADED1
#C9DED2
#CDE4C8
#CCE4C9
#CBE4CA
#CBE4CA
#CAE4CB
#C9E4CC
#C8E4CD
Colorpallet from #CDC8E4 to #CDE4C8 and to #E4CDC8
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDCCE0
#CECCE0
#CECBE0
#CFCBE0
#D0CAE0
#D0CAE0
#D1C9E0
#CDD1DB
#CED0DB
#CFCFDB
#D0CEDB
#D1CDDB
#D3CBDB
#D4CADB
#CDD5D7
#CFD3D7
#D1D1D7
#D2D0D7
#D4CED7
#D6CCD7
#D8CAD7
#CDDAD2
#CFD8D2
#D2D5D2
#D4D3D2
#D7D0D2
#D9CED2
#DCCBD2
#CDDECE
#D0DBCE
#D3D8CE
#D6D5CE
#D9D2CE
#DBD0CE
#DFCCCE
#CDE4C8
#D1E0C8
#D4DDC8
#D8D9C8
#DCD5C8
#DFD2C8
#E4CDC8
Colorpallet from #CDC8E4 to #CDE4C8 and to #E4C8CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDCCE0
#CECBE0
#CECBE0
#CFCAE0
#D0C9E0
#D0C9E0
#D1C8E0
#CDD1DB
#CED0DB
#CFCEDC
#D0CDDC
#D1CBDC
#D3CADD
#D4C8DD
#CDD5D7
#CFD3D7
#D1D1D8
#D2CFD8
#D4CDD8
#D6CBD9
#D8C8D9
#CDDAD2
#CFD7D2
#D2D4D3
#D4D1D3
#D7CED4
#D9CCD4
#DCC8D5
#CDDECE
#D0DACF
#D3D7CF
#D6D3D0
#D9D0D1
#DBCCD1
#DFC8D2
#CDE4C8
#D1E0C9
#D4DBCA
#D8D7CA
#DCD2CB
#DFCECC
#E4C8CD
Colorpallet from #CDC8E4 to #C8CDE4 and to #C8E4CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CCC9E4
#CCC9E3
#CCCAE3
#CCCAE2
#CCCBE1
#CCCBE1
#CCCCE0
#CBCAE4
#CBCBE3
#CBCCE2
#CBCDE1
#CBCEE0
#CBD0DE
#CBD1DD
#CBCAE4
#CBCCE2
#CBCEE0
#CBCFDF
#CBD1DD
#CBD3DB
#CBD5D9
#CACBE4
#CACDE2
#CAD0DF
#CAD2DD
#CAD5DA
#CAD7D8
#CADAD5
#C9CCE4
#C9CFE1
#C9D2DE
#C9D5DB
#C9D8D8
#C9DAD6
#C9DED2
#C8CDE4
#C8D1E0
#C8D4DD
#C8D8D9
#C8DCD5
#C8DFD2
#C8E4CD
Colorpallet from #CDC8E4 to #C8CDE4 and to #E4CDC8
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CCC9E4
#CDC9E3
#CEC9E3
#CEC9E2
#CFC9E1
#D0C9E1
#D1C9E0
#CBCAE4
#CCCAE3
#CECAE1
#CFCAE0
#D1CADE
#D2CADD
#D4CADB
#CBCAE4
#CDCAE2
#CFCAE0
#D1CADE
#D3CADC
#D5CADA
#D8CAD7
#CACBE4
#CDCBE1
#D0CBDE
#D3CBDB
#D6CBD8
#D8CBD6
#DCCBD2
#C9CCE4
#CDCCE0
#D0CCDD
#D4CCD9
#D7CCD6
#DBCCD2
#DFCCCE
#C8CDE4
#CCCDE0
#D1CDDB
#D5CDD7
#DACDD2
#DECDCE
#E4CDC8
Colorpallet from #CDC8E4 to #C8CDE4 and to #E4C8CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CCC9E4
#CDC9E3
#CEC9E3
#CEC9E2
#CFC8E1
#D0C8E1
#D1C8E0
#CBCAE4
#CCCAE3
#CEC9E2
#CFC9E1
#D1C9E0
#D2C8DE
#D4C8DD
#CBCAE4
#CDCAE2
#CFC9E0
#D1C9DF
#D3C9DD
#D5C8DB
#D8C8D9
#CACBE4
#CDCBE2
#D0CADF
#D3CADD
#D6C9DA
#D8C9D8
#DCC8D5
#C9CCE4
#CDCBE1
#D0CBDE
#D4CADB
#D7C9D8
#DBC9D6
#DFC8D2
#C8CDE4
#CCCCE0
#D1CBDD
#D5CBD9
#DACAD5
#DEC9D2
#E4C8CD
Colorpallet from #CDC8E4 to #C8E4CD and to #E4CDC8
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CCCCE0
#CDCCE0
#CECBE0
#CECBE0
#CFCAE0
#D0CAE0
#D1C9E0
#CBD1DD
#CCD0DD
#CECFDC
#CFCEDC
#D1CDDC
#D2CBDB
#D4CADB
#CBD5D9
#CDD3D9
#CFD1D8
#D1D0D8
#D3CED8
#D5CCD7
#D8CAD7
#CADAD5
#CDD8D5
#D0D5D4
#D3D3D4
#D6D0D3
#D8CED3
#DCCBD2
#C9DED2
#CDDBD1
#D0D8D1
#D4D5D0
#D7D2CF
#DBD0CF
#DFCCCE
#C8E4CD
#CCE0CC
#D1DDCB
#D5D9CB
#DAD5CA
#DED2C9
#E4CDC8
Colorpallet from #CDC8E4 to #C8E4CD and to #E4C8CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CCCCE0
#CDCBE0
#CECBE0
#CECAE0
#CFC9E0
#D0C9E0
#D1C8E0
#CBD1DD
#CCD0DD
#CECEDD
#CFCDDD
#D1CBDD
#D2CADD
#D4C8DD
#CBD5D9
#CDD3D9
#CFD1D9
#D1CFD9
#D3CDD9
#D5CBD9
#D8C8D9
#CADAD5
#CDD7D5
#D0D4D5
#D3D1D5
#D6CED5
#D8CCD5
#DCC8D5
#C9DED2
#CDDAD2
#D0D7D2
#D4D3D2
#D7D0D2
#DBCCD2
#DFC8D2
#C8E4CD
#CCE0CD
#D1DBCD
#D5D7CD
#DAD2CD
#DECECD
#E4C8CD
Colorpallet from #CDC8E4 to #E4CDC8 and to #E4C8CD
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#CDC8E4
#D1C9E0
#D1C9E0
#D1C9E0
#D1C9E0
#D1C8E0
#D1C8E0
#D1C8E0
#D4CADB
#D4CADB
#D4C9DC
#D4C9DC
#D4C9DC
#D4C8DD
#D4C8DD
#D8CAD7
#D8CAD7
#D8C9D8
#D8C9D8
#D8C9D8
#D8C8D9
#D8C8D9
#DCCBD2
#DCCBD2
#DCCAD3
#DCCAD3
#DCC9D4
#DCC9D4
#DCC8D5
#DFCCCE
#DFCBCF
#DFCBCF
#DFCAD0
#DFC9D1
#DFC9D1
#DFC8D2
#E4CDC8
#E4CCC9
#E4CBCA
#E4CBCA
#E4CACB
#E4C9CC
#E4C8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts