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 #ADE2DD to #ADDDE2 and to #E2ADDD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE1DE
#AEE0DE
#B0DFDE
#B1DEDE
#B2DDDD
#B3DBDD
#B5DADD
#ADE0DF
#B0DEDF
#B2DBDE
#B5D9DE
#B8D6DE
#BBD4DD
#BED1DD
#ADE0DF
#B1DCDF
#B5D9DE
#B9D5DE
#BDD1DE
#C1CEDD
#C6C9DD
#ADDFE0
#B2DAE0
#B8D5DF
#BDD0DF
#C3CBDE
#C8C6DE
#CFC0DD
#ADDEE1
#B4D8E0
#BAD2E0
#C1CCDF
#C8C6DE
#CFC0DE
#D7B8DD
#ADDDE2
#B5D5E1
#BECEE0
#C6C6E0
#CFBEDF
#D7B7DE
#E2ADDD
Colorpallet from #ADE2DD to #ADDDE2 and to #E2DDAD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE1DE
#AEE1DD
#B0E1DB
#B1E1DA
#B2E1D8
#B3E1D7
#B5E1D5
#ADE0DF
#B0E0DC
#B2E0DA
#B5E0D7
#B8E0D4
#BBE0D1
#BEE0CE
#ADE0DF
#B1E0DB
#B5E0D7
#B9E0D3
#BDE0CF
#C1E0CB
#C6E0C6
#ADDFE0
#B2DFDB
#B8DFD5
#BDDFD0
#C3DFCA
#C8DFC5
#CFDFBE
#ADDEE1
#B4DEDA
#BADED4
#C1DECD
#C8DEC6
#CFDEBF
#D7DEB7
#ADDDE2
#B5DDDA
#BEDDD1
#C6DDC9
#CFDDC0
#D7DDB8
#E2DDAD
Colorpallet from #ADE2DD to #ADDDE2 and to #DDADE2
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE1DE
#AEE0DE
#B0DFDE
#B1DEDE
#B2DDDE
#B3DBDE
#B5DADE
#ADE0DF
#AFDEDF
#B2DBDF
#B4D9DF
#B7D6DF
#B9D4DF
#BCD1DF
#ADE0DF
#B1DCDF
#B4D9DF
#B8D5DF
#BCD1DF
#BFCEDF
#C4C9DF
#ADDFE0
#B2DAE0
#B7D5E0
#BCD0E0
#C1CBE0
#C6C6E0
#CCC0E0
#ADDEE1
#B3D8E1
#B9D2E1
#BFCCE1
#C5C6E1
#CBC0E1
#D3B8E1
#ADDDE2
#B5D5E2
#BCCEE2
#C4C6E2
#CCBEE2
#D3B7E2
#DDADE2
Colorpallet from #ADE2DD to #ADDDE2 and to #DDE2AD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE1DE
#AEE1DD
#B0E1DB
#B1E1DA
#B2E2D8
#B3E2D7
#B5E2D5
#ADE0DF
#AFE0DC
#B2E1DA
#B4E1D7
#B7E1D4
#B9E2D1
#BCE2CE
#ADE0DF
#B1E0DB
#B4E1D7
#B8E1D3
#BCE1CF
#BFE2CB
#C4E2C6
#ADDFE0
#B2DFDB
#B7E0D5
#BCE0D0
#C1E1CA
#C6E1C5
#CCE2BE
#ADDEE1
#B3DFDA
#B9DFD4
#BFE0CD
#C5E1C6
#CBE1BF
#D3E2B7
#ADDDE2
#B5DEDA
#BCDFD1
#C4DFC9
#CCE0C0
#D3E1B8
#DDE2AD
Colorpallet from #ADE2DD to #E2ADDD and to #E2DDAD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5DADD
#B5DBDC
#B5DCDA
#B5DDD9
#B5DED8
#B5E0D7
#B5E1D5
#BED1DD
#BED3DB
#BED6D8
#BED8D6
#BEDBD3
#BEDDD1
#BEE0CE
#C6C9DD
#C6CDD9
#C6D0D6
#C6D4D2
#C6D8CE
#C6DBCB
#C6E0C6
#CFC0DD
#CFC5D8
#CFCAD3
#CFCFCE
#CFD4C9
#CFD9C4
#CFDFBE
#D7B8DD
#D7BED7
#D7C4D1
#D7CACB
#D7D0C5
#D7D6BF
#D7DEB7
#E2ADDD
#E2B5D5
#E2BCCE
#E2C4C6
#E2CCBE
#E2D3B7
#E2DDAD
Colorpallet from #ADE2DD to #E2ADDD and to #DDADE2
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5DADD
#B5DADD
#B5DADD
#B5DADD
#B5DADE
#B5DADE
#B5DADE
#BED1DD
#BED1DD
#BDD1DE
#BDD1DE
#BDD1DE
#BCD1DF
#BCD1DF
#C6C9DD
#C6C9DD
#C5C9DE
#C5C9DE
#C5C9DE
#C4C9DF
#C4C9DF
#CFC0DD
#CFC0DD
#CEC0DE
#CEC0DE
#CDC0DF
#CDC0DF
#CCC0E0
#D7B8DD
#D6B8DE
#D6B8DE
#D5B8DF
#D4B8E0
#D4B8E0
#D3B8E1
#E2ADDD
#E1ADDE
#E0ADDF
#E0ADDF
#DFADE0
#DEADE1
#DDADE2
Colorpallet from #ADE2DD to #E2ADDD and to #DDE2AD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5DADD
#B5DBDC
#B5DDDA
#B5DED9
#B5DFD8
#B5E0D7
#B5E2D5
#BED1DD
#BED4DB
#BDD6D8
#BDD9D6
#BDDCD3
#BCDFD1
#BCE2CE
#C6C9DD
#C6CDD9
#C5D1D6
#C5D5D2
#C5D9CE
#C4DDCB
#C4E2C6
#CFC0DD
#CFC5D8
#CECBD3
#CED0CE
#CDD6C9
#CDDBC4
#CCE2BE
#D7B8DD
#D6BFD7
#D6C5D1
#D5CCCB
#D4D3C5
#D4DABF
#D3E2B7
#E2ADDD
#E1B5D5
#E0BECE
#E0C6C6
#DFCFBE
#DED7B7
#DDE2AD
Colorpallet from #ADE2DD to #E2DDAD and to #DDADE2
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5E1D5
#B5E0D6
#B5DFD8
#B5DED9
#B5DDDB
#B5DBDC
#B5DADE
#BEE0CE
#BEDED1
#BDDBD3
#BDD9D6
#BDD6D9
#BCD4DC
#BCD1DF
#C6E0C6
#C6DCCA
#C5D9CE
#C5D5D2
#C5D1D6
#C4CEDA
#C4C9DF
#CFDFBE
#CFDAC3
#CED5C9
#CED0CE
#CDCBD4
#CDC6D9
#CCC0E0
#D7DEB7
#D6D8BE
#D6D2C4
#D5CCCB
#D4C6D2
#D4C0D9
#D3B8E1
#E2DDAD
#E1D5B5
#E0CEBE
#E0C6C6
#DFBECF
#DEB7D7
#DDADE2
Colorpallet from #ADE2DD to #E2DDAD and to #DDE2AD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5E1D5
#B5E1D5
#B5E1D5
#B5E1D5
#B5E2D5
#B5E2D5
#B5E2D5
#BEE0CE
#BEE0CE
#BDE1CE
#BDE1CE
#BDE1CE
#BCE2CE
#BCE2CE
#C6E0C6
#C6E0C6
#C5E1C6
#C5E1C6
#C5E1C6
#C4E2C6
#C4E2C6
#CFDFBE
#CFDFBE
#CEE0BE
#CEE0BE
#CDE1BE
#CDE1BE
#CCE2BE
#D7DEB7
#D6DFB7
#D6DFB7
#D5E0B7
#D4E1B7
#D4E1B7
#D3E2B7
#E2DDAD
#E1DEAD
#E0DFAD
#E0DFAD
#DFE0AD
#DEE1AD
#DDE2AD
Colorpallet from #ADE2DD to #DDADE2 and to #DDE2AD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#ADE2DD
#B5DADE
#B5DBDD
#B5DDDB
#B5DEDA
#B5DFD8
#B5E0D7
#B5E2D5
#BCD1DF
#BCD4DC
#BCD6DA
#BCD9D7
#BCDCD4
#BCDFD1
#BCE2CE
#C4C9DF
#C4CDDB
#C4D1D7
#C4D5D3
#C4D9CF
#C4DDCB
#C4E2C6
#CCC0E0
#CCC5DB
#CCCBD5
#CCD0D0
#CCD6CA
#CCDBC5
#CCE2BE
#D3B8E1
#D3BFDA
#D3C5D4
#D3CCCD
#D3D3C6
#D3DABF
#D3E2B7
#DDADE2
#DDB5DA
#DDBED1
#DDC6C9
#DDCFC0
#DDD7B8
#DDE2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts