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 #E1C3E2 to #E1E2C3 and to #C3E1E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C8DD
#E0C8DE
#DFC8DF
#DFC8DF
#DEC8E0
#DDC8E1
#DCC8E2
#E1CDD8
#DFCDDA
#DECDDB
#DCCDDD
#DBCDDE
#D9CDE0
#D7CDE2
#E1D2D3
#DFD2D5
#DDD2D8
#DAD2DA
#D8D1DD
#D6D1DF
#D3D1E2
#E1D7CE
#DED7D1
#DBD7D4
#D8D7D8
#D5D6DB
#D2D6DE
#CED6E2
#E1DCC9
#DDDCCD
#D9DCD1
#D5DCD5
#D2DBD9
#CEDBDD
#C9DBE2
#E1E2C3
#DCE2C8
#D7E2CD
#D3E2D2
#CEE1D7
#C9E1DC
#C3E1E2
Colorpallet from #E1C3E2 to #E1E2C3 and to #C3E2E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C8DD
#E0C8DE
#DFC8DF
#DFC8DF
#DEC8E0
#DDC8E1
#DCC8E2
#E1CDD8
#DFCDDA
#DECDDB
#DCCDDD
#DBCDDE
#D9CDE0
#D7CDE2
#E1D2D3
#DFD2D5
#DDD2D8
#DAD2DA
#D8D2DD
#D6D2DF
#D3D2E2
#E1D7CE
#DED7D1
#DBD7D4
#D8D7D7
#D5D7DA
#D2D7DD
#CED7E1
#E1DCC9
#DDDCCD
#D9DCD1
#D5DCD5
#D2DCD8
#CEDCDC
#C9DCE1
#E1E2C3
#DCE2C8
#D7E2CD
#D3E2D1
#CEE2D6
#C9E2DB
#C3E2E1
Colorpallet from #E1C3E2 to #E1E2C3 and to #E2E1C3
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C8DD
#E1C8DD
#E1C8DD
#E1C8DD
#E1C8DD
#E1C8DD
#E1C8DD
#E1CDD8
#E1CDD8
#E1CDD8
#E1CDD8
#E1CDD8
#E1CDD8
#E1CDD8
#E1D2D3
#E1D2D3
#E1D2D3
#E1D2D3
#E1D1D3
#E1D1D3
#E1D1D3
#E1D7CE
#E1D7CE
#E1D7CE
#E1D7CE
#E2D6CE
#E2D6CE
#E2D6CE
#E1DCC9
#E1DCC9
#E1DCC9
#E1DCC9
#E2DBC9
#E2DBC9
#E2DBC9
#E1E2C3
#E1E2C3
#E1E2C3
#E1E2C3
#E2E1C3
#E2E1C3
#E2E1C3
Colorpallet from #E1C3E2 to #E1E2C3 and to #E2C3E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C8DD
#E1C7DE
#E1C6DF
#E1C6DF
#E1C5E0
#E1C4E1
#E1C3E2
#E1CDD8
#E1CBDA
#E1CADB
#E1C8DD
#E1C7DE
#E1C5E0
#E1C3E2
#E1D2D3
#E1D0D5
#E1CDD8
#E1CBDA
#E1C8DD
#E1C6DF
#E1C3E2
#E1D7CE
#E1D4D1
#E1D1D4
#E1CDD7
#E2CADA
#E2C7DD
#E2C3E1
#E1DCC9
#E1D8CD
#E1D4D1
#E1D0D5
#E2CCD8
#E2C8DC
#E2C3E1
#E1E2C3
#E1DDC8
#E1D8CD
#E1D3D1
#E2CED6
#E2C9DB
#E2C3E1
Colorpallet from #E1C3E2 to #C3E1E2 and to #C3E2E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#DCC8E2
#DCC8E2
#DCC8E2
#DCC8E2
#DCC8E2
#DCC8E2
#DCC8E2
#D7CDE2
#D7CDE2
#D7CDE2
#D7CDE2
#D7CDE2
#D7CDE2
#D7CDE2
#D3D1E2
#D3D1E2
#D3D1E2
#D3D1E2
#D3D2E2
#D3D2E2
#D3D2E2
#CED6E2
#CED6E2
#CED6E2
#CED6E2
#CED7E1
#CED7E1
#CED7E1
#C9DBE2
#C9DBE2
#C9DBE2
#C9DBE2
#C9DCE1
#C9DCE1
#C9DCE1
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E2E1
#C3E2E1
#C3E2E1
Colorpallet from #E1C3E2 to #C3E1E2 and to #E2E1C3
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#DCC8E2
#DDC8E1
#DEC8E0
#DEC8E0
#DFC8DF
#E0C8DE
#E1C8DD
#D7CDE2
#D9CDE0
#DACDDF
#DCCDDD
#DDCDDC
#DFCDDA
#E1CDD8
#D3D1E2
#D5D1E0
#D7D1DD
#DAD1DB
#DCD1D8
#DED1D6
#E1D1D3
#CED6E2
#D1D6DF
#D4D6DC
#D8D6D8
#DBD6D5
#DED6D2
#E2D6CE
#C9DBE2
#CDDBDE
#D1DBDA
#D5DBD6
#D9DBD2
#DDDBCE
#E2DBC9
#C3E1E2
#C8E1DD
#CDE1D8
#D2E1D3
#D7E1CE
#DCE1C9
#E2E1C3
Colorpallet from #E1C3E2 to #C3E1E2 and to #E2C3E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#DCC8E2
#DDC7E2
#DEC6E2
#DEC6E2
#DFC5E2
#E0C4E2
#E1C3E2
#D7CDE2
#D9CBE2
#DACAE2
#DCC8E2
#DDC7E2
#DFC5E2
#E1C3E2
#D3D1E2
#D5CFE2
#D7CDE2
#DACAE2
#DCC8E2
#DEC6E2
#E1C3E2
#CED6E2
#D1D3E2
#D4D0E2
#D8CDE2
#DBCAE1
#DEC7E1
#E2C3E1
#C9DBE2
#CDD7E2
#D1D3E2
#D5CFE2
#D9CCE1
#DDC8E1
#E2C3E1
#C3E1E2
#C8DCE2
#CDD7E2
#D2D3E2
#D7CEE1
#DCC9E1
#E2C3E1
Colorpallet from #E1C3E2 to #C3E2E1 and to #E2E1C3
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#DCC8E2
#DDC8E1
#DEC8E0
#DEC8E0
#DFC8DF
#E0C8DE
#E1C8DD
#D7CDE2
#D9CDE0
#DACDDF
#DCCDDD
#DDCDDC
#DFCDDA
#E1CDD8
#D3D2E2
#D5D2E0
#D7D2DD
#DAD2DB
#DCD1D8
#DED1D6
#E1D1D3
#CED7E1
#D1D7DE
#D4D7DB
#D8D7D8
#DBD6D5
#DED6D2
#E2D6CE
#C9DCE1
#CDDCDD
#D1DCD9
#D5DCD5
#D9DBD2
#DDDBCE
#E2DBC9
#C3E2E1
#C8E2DC
#CDE2D7
#D2E2D3
#D7E1CE
#DCE1C9
#E2E1C3
Colorpallet from #E1C3E2 to #C3E2E1 and to #E2C3E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#DCC8E2
#DDC7E2
#DEC6E2
#DEC6E2
#DFC5E2
#E0C4E2
#E1C3E2
#D7CDE2
#D9CBE2
#DACAE2
#DCC8E2
#DDC7E2
#DFC5E2
#E1C3E2
#D3D2E2
#D5D0E2
#D7CDE2
#DACBE2
#DCC8E2
#DEC6E2
#E1C3E2
#CED7E1
#D1D4E1
#D4D1E1
#D8CDE1
#DBCAE1
#DEC7E1
#E2C3E1
#C9DCE1
#CDD8E1
#D1D4E1
#D5D0E1
#D9CCE1
#DDC8E1
#E2C3E1
#C3E2E1
#C8DDE1
#CDD8E1
#D2D3E1
#D7CEE1
#DCC9E1
#E2C3E1
Colorpallet from #E1C3E2 to #E2E1C3 and to #E2C3E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E1C8DD
#E1C7DE
#E1C6DF
#E1C6DF
#E1C5E0
#E1C4E1
#E1C3E2
#E1CDD8
#E1CBDA
#E1CADB
#E1C8DD
#E1C7DE
#E1C5E0
#E1C3E2
#E1D1D3
#E1CFD5
#E1CDD8
#E1CADA
#E1C8DD
#E1C6DF
#E1C3E2
#E2D6CE
#E2D3D1
#E2D0D4
#E2CDD7
#E2CADA
#E2C7DD
#E2C3E1
#E2DBC9
#E2D7CD
#E2D3D1
#E2CFD5
#E2CCD8
#E2C8DC
#E2C3E1
#E2E1C3
#E2DCC8
#E2D7CD
#E2D3D1
#E2CED6
#E2C9DB
#E2C3E1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts