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 #C7E2C1 to #C7C1E2 and to #E2C7C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7DDC6
#C8DDC5
#C8DDC4
#C9DDC4
#CADEC3
#CADEC2
#CBDEC1
#C7D7CC
#C8D7CA
#CAD8C8
#CBD8C7
#CDD8C5
#CED9C3
#D0D9C1
#C7D2D1
#C9D2CE
#CBD3CC
#CDD3C9
#CFD4C7
#D1D4C4
#D4D5C1
#C7CDD6
#CACED3
#CCCECF
#CFCFCC
#D2D0C9
#D5D0C5
#D8D1C1
#C7C8DB
#CBC9D7
#CEC9D3
#D2CACF
#D5CBCA
#D9CBC6
#DDCCC1
#C7C1E2
#CBC2DD
#D0C3D7
#D4C4D2
#D8C5CD
#DDC6C8
#E2C7C1
Colorpallet from #C7E2C1 to #C7C1E2 and to #E2C1C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7DDC6
#C8DDC5
#C8DDC5
#C9DDC4
#CADDC3
#CADDC3
#CBDDC2
#C7D7CC
#C8D7CB
#CAD7C9
#CBD7C8
#CDD7C6
#CED7C5
#D0D7C3
#C7D2D1
#C9D2CF
#CBD2CD
#CDD2CB
#CFD2C9
#D1D2C7
#D4D2C4
#C7CDD6
#CACDD3
#CCCDD1
#CFCDCE
#D2CDCB
#D5CDC8
#D8CDC5
#C7C8DB
#CBC8D8
#CEC8D4
#D2C8D1
#D5C8CE
#D9C8CA
#DDC8C6
#C7C1E2
#CBC1DE
#D0C1D9
#D4C1D5
#D8C1D1
#DDC1CC
#E2C1C7
Colorpallet from #C7E2C1 to #C7C1E2 and to #C1C7E2
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7DDC6
#C7DDC6
#C7DDC6
#C7DDC6
#C6DEC6
#C6DEC6
#C6DEC6
#C7D7CC
#C7D7CC
#C6D8CC
#C6D8CC
#C6D8CC
#C5D9CC
#C5D9CC
#C7D2D1
#C7D2D1
#C6D3D1
#C6D3D1
#C5D4D1
#C5D4D1
#C4D5D1
#C7CDD6
#C6CED6
#C6CED6
#C5CFD6
#C4D0D6
#C4D0D6
#C3D1D6
#C7C8DB
#C6C9DB
#C5C9DB
#C5CADB
#C4CBDB
#C3CBDB
#C2CCDB
#C7C1E2
#C6C2E2
#C5C3E2
#C4C4E2
#C3C5E2
#C2C6E2
#C1C7E2
Colorpallet from #C7E2C1 to #C7C1E2 and to #C1E2C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7DDC6
#C7DEC5
#C7DFC5
#C7DFC4
#C6E0C3
#C6E1C3
#C6E2C2
#C7D7CC
#C7D9CB
#C6DBC9
#C6DCC8
#C6DEC6
#C5E0C5
#C5E2C3
#C7D2D1
#C7D5CF
#C6D7CD
#C6DACB
#C5DCC9
#C5DFC7
#C4E2C4
#C7CDD6
#C6D0D3
#C6D4D1
#C5D7CE
#C4DACB
#C4DEC8
#C3E2C5
#C7C8DB
#C6CCD8
#C5D0D4
#C5D4D1
#C4D9CE
#C3DDCA
#C2E2C6
#C7C1E2
#C6C6DE
#C5CCD9
#C4D1D5
#C3D6D1
#C2DBCC
#C1E2C7
Colorpallet from #C7E2C1 to #E2C7C1 and to #E2C1C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#CBDEC1
#CBDEC1
#CBDEC1
#CBDEC1
#CBDDC2
#CBDDC2
#CBDDC2
#D0D9C1
#D0D9C1
#D0D8C2
#D0D8C2
#D0D8C2
#D0D7C3
#D0D7C3
#D4D5C1
#D4D5C1
#D4D4C2
#D4D4C2
#D4D3C3
#D4D3C3
#D4D2C4
#D8D1C1
#D8D0C2
#D8D0C2
#D8CFC3
#D8CEC4
#D8CEC4
#D8CDC5
#DDCCC1
#DDCBC2
#DDCBC3
#DDCAC3
#DDC9C4
#DDC9C5
#DDC8C6
#E2C7C1
#E2C6C2
#E2C5C3
#E2C4C4
#E2C3C5
#E2C2C6
#E2C1C7
Colorpallet from #C7E2C1 to #E2C7C1 and to #C1C7E2
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#CBDEC1
#CADEC2
#C9DEC3
#C9DEC3
#C8DEC4
#C7DEC5
#C6DEC6
#D0D9C1
#CED9C3
#CCD9C5
#CBD9C6
#C9D9C8
#C7D9CA
#C5D9CC
#D4D5C1
#D1D5C4
#CFD5C6
#CCD5C9
#CAD5CB
#C7D5CE
#C4D5D1
#D8D1C1
#D5D1C4
#D1D1C8
#CED1CB
#CBD1CE
#C7D1D2
#C3D1D6
#DDCCC1
#D9CCC5
#D4CCC9
#D0CCCD
#CCCCD2
#C7CCD6
#C2CCDB
#E2C7C1
#DDC7C6
#D7C7CC
#D2C7D1
#CDC7D6
#C8C7DB
#C1C7E2
Colorpallet from #C7E2C1 to #E2C7C1 and to #C1E2C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#CBDEC1
#CADFC1
#C9DFC1
#C9E0C1
#C8E1C2
#C7E1C2
#C6E2C2
#D0D9C1
#CEDAC1
#CCDCC2
#CBDDC2
#C9DFC2
#C7E0C3
#C5E2C3
#D4D5C1
#D1D7C1
#CFD9C2
#CCDBC2
#CADDC3
#C7DFC3
#C4E2C4
#D8D1C1
#D5D4C2
#D1D6C2
#CED9C3
#CBDCC4
#C7DFC4
#C3E2C5
#DDCCC1
#D9D0C2
#D4D3C3
#D0D7C3
#CCDAC4
#C7DEC5
#C2E2C6
#E2C7C1
#DDCBC2
#D7D0C3
#D2D4C4
#CDD8C5
#C8DDC6
#C1E2C7
Colorpallet from #C7E2C1 to #E2C1C7 and to #C1C7E2
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#CBDDC2
#CADDC3
#C9DDC3
#C9DDC4
#C8DEC5
#C7DEC5
#C6DEC6
#D0D7C3
#CED7C4
#CCD8C6
#CBD8C7
#C9D8C9
#C7D9CA
#C5D9CC
#D4D2C4
#D1D2C6
#CFD3C8
#CCD3CA
#CAD4CC
#C7D4CE
#C4D5D1
#D8CDC5
#D5CEC8
#D1CECA
#CECFCD
#CBD0D0
#C7D0D3
#C3D1D6
#DDC8C6
#D9C9C9
#D4C9CD
#D0CAD0
#CCCBD3
#C7CBD7
#C2CCDB
#E2C1C7
#DDC2CB
#D7C3D0
#D2C4D4
#CDC5D8
#C8C6DD
#C1C7E2
Colorpallet from #C7E2C1 to #E2C1C7 and to #C1E2C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#CBDDC2
#CADEC2
#C9DFC2
#C9DFC2
#C8E0C2
#C7E1C2
#C6E2C2
#D0D7C3
#CED9C3
#CCDBC3
#CBDCC3
#C9DEC3
#C7E0C3
#C5E2C3
#D4D2C4
#D1D5C4
#CFD7C4
#CCDAC4
#CADCC4
#C7DFC4
#C4E2C4
#D8CDC5
#D5D0C5
#D1D4C5
#CED7C5
#CBDAC5
#C7DEC5
#C3E2C5
#DDC8C6
#D9CCC6
#D4D0C6
#D0D4C6
#CCD9C6
#C7DDC6
#C2E2C6
#E2C1C7
#DDC6C7
#D7CCC7
#D2D1C7
#CDD6C7
#C8DBC7
#C1E2C7
Colorpallet from #C7E2C1 to #C1C7E2 and to #C1E2C7
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C7E2C1
#C6DEC6
#C6DFC5
#C6DFC5
#C6E0C4
#C6E1C3
#C6E1C3
#C6E2C2
#C5D9CC
#C5DACB
#C5DCC9
#C5DDC8
#C5DFC6
#C5E0C5
#C5E2C3
#C4D5D1
#C4D7CF
#C4D9CD
#C4DBCB
#C4DDC9
#C4DFC7
#C4E2C4
#C3D1D6
#C3D4D3
#C3D6D1
#C3D9CE
#C3DCCB
#C3DFC8
#C3E2C5
#C2CCDB
#C2D0D8
#C2D3D4
#C2D7D1
#C2DACE
#C2DECA
#C2E2C6
#C1C7E2
#C1CBDE
#C1D0D9
#C1D4D5
#C1D8D1
#C1DDCC
#C1E2C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts