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 #C7CDE2 to #C7E2CD and to #CDC7E2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7D0DF
#C7CFDF
#C7CFE0
#C7CEE0
#C8CDE1
#C8CDE1
#C8CCE2
#C7D4DB
#C7D3DC
#C8D1DD
#C8D0DE
#C8CEDF
#C9CDE1
#C9CBE2
#C7D7D8
#C7D5DA
#C8D3DB
#C8D1DD
#C9CFDE
#C9CDE0
#CACAE2
#C7DAD5
#C8D7D7
#C8D5D9
#C9D2DB
#CACFDD
#CACCDF
#CBC9E2
#C7DED1
#C8DAD4
#C9D7D6
#C9D3D9
#CAD0DC
#CBCCDF
#CCC8E2
#C7E2CD
#C8DED0
#C9D9D4
#CAD5D7
#CBD1DA
#CCCCDE
#CDC7E2
Colorpallet from #C7CDE2 to #C7E2CD and to #CDE2C7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7D0DF
#C7D0DF
#C7D0DF
#C7D0DF
#C8D0DE
#C8D0DE
#C8D0DE
#C7D4DB
#C7D4DB
#C8D4DA
#C8D4DA
#C8D4DA
#C9D4D9
#C9D4D9
#C7D7D8
#C7D7D8
#C8D7D7
#C8D7D7
#C9D7D6
#C9D7D6
#CAD7D5
#C7DAD5
#C8DAD4
#C8DAD4
#C9DAD3
#CADAD2
#CADAD2
#CBDAD1
#C7DED1
#C8DED0
#C9DECF
#C9DECF
#CADECE
#CBDECD
#CCDECC
#C7E2CD
#C8E2CC
#C9E2CB
#CAE2CA
#CBE2C9
#CCE2C8
#CDE2C7
Colorpallet from #C7CDE2 to #C7E2CD and to #E2C7CD
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7D0DF
#C8CFDF
#C8CFDF
#C9CEDF
#CACDDF
#CACDDF
#CBCCDF
#C7D4DB
#C8D3DB
#CAD1DB
#CBD0DB
#CDCEDB
#CECDDB
#D0CBDB
#C7D7D8
#C9D5D8
#CBD3D8
#CDD1D8
#CFCFD8
#D1CDD8
#D4CAD8
#C7DAD5
#CAD7D5
#CCD5D5
#CFD2D5
#D2CFD5
#D5CCD5
#D8C9D5
#C7DED1
#CBDAD1
#CED7D1
#D2D3D1
#D5D0D1
#D9CCD1
#DDC8D1
#C7E2CD
#CBDECD
#D0D9CD
#D4D5CD
#D8D1CD
#DDCCCD
#E2C7CD
Colorpallet from #C7CDE2 to #C7E2CD and to #E2CDC7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7D0DF
#C8D0DF
#C8CFDF
#C9CFDF
#CACEDE
#CACEDE
#CBCDDE
#C7D4DB
#C8D3DB
#CAD2DA
#CBD1DA
#CDD0DA
#CECED9
#D0CDD9
#C7D7D8
#C9D5D8
#CBD4D7
#CDD2D7
#CFD1D6
#D1CFD6
#D4CDD5
#C7DAD5
#CAD8D4
#CCD6D4
#CFD4D3
#D2D2D2
#D5D0D2
#D8CDD1
#C7DED1
#CBDBD0
#CED9CF
#D2D6CF
#D5D3CE
#D9D0CD
#DDCDCC
#C7E2CD
#CBDFCC
#D0DBCB
#D4D8CA
#D8D5C9
#DDD1C8
#E2CDC7
Colorpallet from #C7CDE2 to #CDC7E2 and to #CDE2C7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C8CCE2
#C8CDE1
#C8CDE1
#C8CEE0
#C8CFDF
#C8CFDF
#C8D0DE
#C9CBE2
#C9CCE1
#C9CEDF
#C9CFDE
#C9D1DC
#C9D2DB
#C9D4D9
#CACAE2
#CACCE0
#CACEDE
#CAD0DC
#CAD2DA
#CAD4D8
#CAD7D5
#CBC9E2
#CBCCDF
#CBCEDD
#CBD1DA
#CBD4D7
#CBD7D4
#CBDAD1
#CCC8E2
#CCCCDE
#CCCFDB
#CCD3D7
#CCD6D4
#CCDAD0
#CCDECC
#CDC7E2
#CDCBDE
#CDD0D9
#CDD4D5
#CDD8D1
#CDDDCC
#CDE2C7
Colorpallet from #C7CDE2 to #CDC7E2 and to #E2C7CD
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C8CCE2
#C8CCE2
#C9CCE1
#C9CCE1
#CACCE0
#CACCE0
#CBCCDF
#C9CBE2
#CACBE1
#CBCBE0
#CCCBDF
#CDCBDE
#CFCBDC
#D0CBDB
#CACAE2
#CCCAE0
#CDCADF
#CFCADD
#D0CADC
#D2CADA
#D4CAD8
#CBC9E2
#CDC9E0
#CFC9DE
#D1C9DC
#D3C9DA
#D5C9D8
#D8C9D5
#CCC8E2
#CFC8DF
#D1C8DD
#D4C8DA
#D7C8D7
#DAC8D4
#DDC8D1
#CDC7E2
#D0C7DF
#D4C7DB
#D7C7D8
#DAC7D5
#DEC7D1
#E2C7CD
Colorpallet from #C7CDE2 to #CDC7E2 and to #E2CDC7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C8CCE2
#C8CCE1
#C9CCE1
#C9CCE0
#CACDDF
#CACDDF
#CBCDDE
#C9CBE2
#CACBE1
#CBCCDF
#CCCCDE
#CDCCDC
#CFCDDB
#D0CDD9
#CACAE2
#CCCAE0
#CDCBDE
#CFCBDC
#D0CCDA
#D2CCD8
#D4CDD5
#CBC9E2
#CDCADF
#CFCADD
#D1CBDA
#D3CCD7
#D5CCD4
#D8CDD1
#CCC8E2
#CFC9DE
#D1CADB
#D4CAD7
#D7CBD4
#DACCD0
#DDCDCC
#CDC7E2
#D0C8DE
#D4C9D9
#D7CAD5
#DACBD1
#DECCCC
#E2CDC7
Colorpallet from #C7CDE2 to #CDE2C7 and to #E2C7CD
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C8D0DE
#C8CFDE
#C9CFDE
#C9CEDE
#CACDDF
#CACDDF
#CBCCDF
#C9D4D9
#CAD3D9
#CBD1DA
#CCD0DA
#CDCEDA
#CFCDDB
#D0CBDB
#CAD7D5
#CCD5D5
#CDD3D6
#CFD1D6
#D0CFD7
#D2CDD7
#D4CAD8
#CBDAD1
#CDD7D2
#CFD5D2
#D1D2D3
#D3CFD4
#D5CCD4
#D8C9D5
#CCDECC
#CFDACD
#D1D7CE
#D4D3CE
#D7D0CF
#DACCD0
#DDC8D1
#CDE2C7
#D0DEC8
#D4D9C9
#D7D5CA
#DAD1CB
#DECCCC
#E2C7CD
Colorpallet from #C7CDE2 to #CDE2C7 and to #E2CDC7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C8D0DE
#C8D0DE
#C9CFDE
#C9CFDE
#CACEDE
#CACEDE
#CBCDDE
#C9D4D9
#CAD3D9
#CBD2D9
#CCD1D9
#CDD0D9
#CFCED9
#D0CDD9
#CAD7D5
#CCD5D5
#CDD4D5
#CFD2D5
#D0D1D5
#D2CFD5
#D4CDD5
#CBDAD1
#CDD8D1
#CFD6D1
#D1D4D1
#D3D2D1
#D5D0D1
#D8CDD1
#CCDECC
#CFDBCC
#D1D9CC
#D4D6CC
#D7D3CC
#DAD0CC
#DDCDCC
#CDE2C7
#D0DFC7
#D4DBC7
#D7D8C7
#DAD5C7
#DED1C7
#E2CDC7
Colorpallet from #C7CDE2 to #E2C7CD and to #E2CDC7
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#C7CDE2
#CBCCDF
#CBCCDF
#CBCCDF
#CBCCDF
#CBCDDE
#CBCDDE
#CBCDDE
#D0CBDB
#D0CBDB
#D0CCDA
#D0CCDA
#D0CCDA
#D0CDD9
#D0CDD9
#D4CAD8
#D4CAD8
#D4CBD7
#D4CBD7
#D4CCD6
#D4CCD6
#D4CDD5
#D8C9D5
#D8CAD4
#D8CAD4
#D8CBD3
#D8CCD2
#D8CCD2
#D8CDD1
#DDC8D1
#DDC9D0
#DDCACF
#DDCACF
#DDCBCE
#DDCCCD
#DDCDCC
#E2C7CD
#E2C8CC
#E2C9CB
#E2CACA
#E2CBC9
#E2CCC8
#E2CDC7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts