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 #E3C2E2 to #E3E2C2 and to #C2E3E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C7DD
#E2C7DE
#E1C7DF
#E1C7DF
#E0C7E0
#DFC7E1
#DEC7E2
#E3CCD8
#E1CCDA
#DFCCDB
#DECCDD
#DCCDDE
#DACDE0
#D8CDE2
#E3D1D3
#E0D1D5
#DED1D8
#DBD1DA
#D9D2DD
#D6D2DF
#D3D2E2
#E3D6CE
#E0D6D1
#DCD6D4
#D9D6D8
#D6D7DB
#D2D7DE
#CED7E2
#E3DCC8
#DFDCCC
#DBDCD0
#D7DCD4
#D2DCD9
#CEDCDD
#C9DCE2
#E3E2C2
#DEE2C7
#D8E2CC
#D3E2D1
#CEE3D6
#C9E3DC
#C2E3E2
Colorpallet from #E3C2E2 to #E3E2C2 and to #C2E2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C7DD
#E2C7DE
#E1C7DF
#E1C7DF
#E0C7E0
#DFC7E1
#DEC7E2
#E3CCD8
#E1CCDA
#DFCCDB
#DECCDD
#DCCCDE
#DACCE0
#D8CCE2
#E3D1D3
#E0D1D5
#DED1D8
#DBD1DA
#D9D1DD
#D6D1DF
#D3D1E2
#E3D6CE
#E0D6D1
#DCD6D5
#D9D6D8
#D6D6DB
#D2D6DF
#CED6E3
#E3DCC8
#DFDCCC
#DBDCD1
#D7DCD5
#D2DCD9
#CEDCDE
#C9DCE3
#E3E2C2
#DEE2C7
#D8E2CD
#D3E2D2
#CEE2D7
#C9E2DC
#C2E2E3
Colorpallet from #E3C2E2 to #E3E2C2 and to #E2E3C2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C7DD
#E3C7DD
#E3C7DD
#E3C7DD
#E3C7DD
#E3C7DD
#E3C7DD
#E3CCD8
#E3CCD8
#E3CCD8
#E3CCD8
#E3CDD8
#E3CDD8
#E3CDD8
#E3D1D3
#E3D1D3
#E3D1D3
#E3D1D3
#E3D2D3
#E3D2D3
#E3D2D3
#E3D6CE
#E3D6CE
#E3D6CE
#E3D6CE
#E2D7CE
#E2D7CE
#E2D7CE
#E3DCC8
#E3DCC8
#E3DCC8
#E3DCC8
#E2DCC8
#E2DCC8
#E2DCC8
#E3E2C2
#E3E2C2
#E3E2C2
#E3E2C2
#E2E3C2
#E2E3C2
#E2E3C2
Colorpallet from #E3C2E2 to #E3E2C2 and to #E2C2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C7DD
#E3C6DE
#E3C5DF
#E3C5DF
#E3C4E0
#E3C3E1
#E3C2E2
#E3CCD8
#E3CADA
#E3C9DB
#E3C7DD
#E3C6DE
#E3C4E0
#E3C2E2
#E3D1D3
#E3CFD5
#E3CCD8
#E3CADA
#E3C7DD
#E3C5DF
#E3C2E2
#E3D6CE
#E3D3D1
#E3D0D5
#E3CCD8
#E2C9DB
#E2C6DF
#E2C2E3
#E3DCC8
#E3D8CC
#E3D4D1
#E3D0D5
#E2CBD9
#E2C7DE
#E2C2E3
#E3E2C2
#E3DDC7
#E3D8CD
#E3D3D2
#E2CED7
#E2C8DC
#E2C2E3
Colorpallet from #E3C2E2 to #C2E3E2 and to #C2E2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#DEC7E2
#DEC7E2
#DEC7E2
#DEC7E2
#DEC7E2
#DEC7E2
#DEC7E2
#D8CDE2
#D8CDE2
#D8CDE2
#D8CDE2
#D8CCE2
#D8CCE2
#D8CCE2
#D3D2E2
#D3D2E2
#D3D2E2
#D3D2E2
#D3D1E2
#D3D1E2
#D3D1E2
#CED7E2
#CED7E2
#CED7E2
#CED7E2
#CED6E3
#CED6E3
#CED6E3
#C9DCE2
#C9DCE2
#C9DCE2
#C9DCE2
#C9DCE3
#C9DCE3
#C9DCE3
#C2E3E2
#C2E3E2
#C2E3E2
#C2E3E2
#C2E2E3
#C2E2E3
#C2E2E3
Colorpallet from #E3C2E2 to #C2E3E2 and to #E2E3C2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#DEC7E2
#DFC7E1
#E0C7E0
#E0C7E0
#E1C7DF
#E2C7DE
#E3C7DD
#D8CDE2
#DACDE0
#DCCDDF
#DDCDDD
#DFCDDC
#E1CDDA
#E3CDD8
#D3D2E2
#D6D2E0
#D8D2DD
#DBD2DB
#DDD2D8
#E0D2D6
#E3D2D3
#CED7E2
#D1D7DF
#D4D7DC
#D8D7D8
#DBD7D5
#DED7D2
#E2D7CE
#C9DCE2
#CDDCDE
#D1DCDA
#D5DCD6
#D9DCD1
#DDDCCD
#E2DCC8
#C2E3E2
#C7E3DD
#CCE3D8
#D1E3D3
#D6E3CE
#DCE3C8
#E2E3C2
Colorpallet from #E3C2E2 to #C2E3E2 and to #E2C2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#DEC7E2
#DFC6E2
#E0C5E2
#E0C5E2
#E1C4E2
#E2C3E2
#E3C2E2
#D8CDE2
#DACBE2
#DCC9E2
#DDC8E2
#DFC6E2
#E1C4E2
#E3C2E2
#D3D2E2
#D6CFE2
#D8CDE2
#DBCAE2
#DDC8E2
#E0C5E2
#E3C2E2
#CED7E2
#D1D4E2
#D4D0E2
#D8CDE2
#DBCAE3
#DEC6E3
#E2C2E3
#C9DCE2
#CDD8E2
#D1D4E2
#D5D0E2
#D9CBE3
#DDC7E3
#E2C2E3
#C2E3E2
#C7DEE2
#CCD8E2
#D1D3E2
#D6CEE3
#DCC9E3
#E2C2E3
Colorpallet from #E3C2E2 to #C2E2E3 and to #E2E3C2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#DEC7E2
#DFC7E1
#E0C7E0
#E0C7E0
#E1C7DF
#E2C7DE
#E3C7DD
#D8CCE2
#DACCE0
#DCCCDF
#DDCCDD
#DFCDDC
#E1CDDA
#E3CDD8
#D3D1E2
#D6D1E0
#D8D1DD
#DBD1DB
#DDD2D8
#E0D2D6
#E3D2D3
#CED6E3
#D1D6E0
#D4D6DC
#D8D6D9
#DBD7D6
#DED7D2
#E2D7CE
#C9DCE3
#CDDCDF
#D1DCDA
#D5DCD6
#D9DCD2
#DDDCCD
#E2DCC8
#C2E2E3
#C7E2DE
#CCE2D8
#D1E2D3
#D6E3CE
#DCE3C9
#E2E3C2
Colorpallet from #E3C2E2 to #C2E2E3 and to #E2C2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#DEC7E2
#DFC6E2
#E0C5E2
#E0C5E2
#E1C4E2
#E2C3E2
#E3C2E2
#D8CCE2
#DACAE2
#DCC9E2
#DDC7E2
#DFC6E2
#E1C4E2
#E3C2E2
#D3D1E2
#D6CFE2
#D8CCE2
#DBCAE2
#DDC7E2
#E0C5E2
#E3C2E2
#CED6E3
#D1D3E3
#D4D0E3
#D8CCE3
#DBC9E3
#DEC6E3
#E2C2E3
#C9DCE3
#CDD8E3
#D1D4E3
#D5D0E3
#D9CBE3
#DDC7E3
#E2C2E3
#C2E2E3
#C7DDE3
#CCD8E3
#D1D3E3
#D6CEE3
#DCC8E3
#E2C2E3
Colorpallet from #E3C2E2 to #E2E3C2 and to #E2C2E3
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C2E2
#E3C7DD
#E3C6DE
#E3C5DF
#E3C5DF
#E3C4E0
#E3C3E1
#E3C2E2
#E3CDD8
#E3CBDA
#E3C9DB
#E3C8DD
#E3C6DE
#E3C4E0
#E3C2E2
#E3D2D3
#E3CFD5
#E3CDD8
#E3CADA
#E3C8DD
#E3C5DF
#E3C2E2
#E2D7CE
#E2D4D1
#E2D0D5
#E2CDD8
#E2CADB
#E2C6DF
#E2C2E3
#E2DCC8
#E2D8CC
#E2D4D1
#E2D0D5
#E2CBD9
#E2C7DE
#E2C2E3
#E2E3C2
#E2DEC7
#E2D8CD
#E2D3D2
#E2CED7
#E2C9DC
#E2C2E3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts