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 #CDE9C2 to #CDC2E9 and to #E9CDC2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE3C8
#CEE3C7
#CEE4C6
#CFE4C5
#D0E4C4
#D0E5C3
#D1E5C2
#CDDDCE
#CEDDCC
#D0DECA
#D1DEC8
#D3DFC6
#D4DFC4
#D6E0C2
#CDD6D5
#CFD7D2
#D1D8CF
#D3D9CC
#D5DAC9
#D7DBC6
#DADCC2
#CDD0DB
#D0D1D7
#D3D2D3
#D6D3CF
#D9D4CB
#DBD6C7
#DFD7C2
#CDCAE1
#D1CBDC
#D4CDD7
#D8CED2
#DBD0CD
#DFD1C8
#E3D3C2
#CDC2E9
#D1C4E3
#D6C6DD
#DAC7D6
#DFC9D0
#E3CBCA
#E9CDC2
Colorpallet from #CDE9C2 to #CDC2E9 and to #E9C2CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE3C8
#CEE3C7
#CEE3C7
#CFE3C6
#D0E3C5
#D0E3C5
#D1E3C4
#CDDDCE
#CEDDCD
#D0DDCB
#D1DDCA
#D3DDC9
#D4DDC8
#D6DDC6
#CDD6D5
#CFD6D3
#D1D6D1
#D3D6CE
#D5D6CC
#D7D6CA
#DAD6C7
#CDD0DB
#D0D0D8
#D3D0D5
#D6D0D2
#D9D0CF
#DBD0CD
#DFD0C9
#CDCAE1
#D1CADD
#D4CADA
#D8CAD6
#DBCAD3
#DFCACF
#E3CACB
#CDC2E9
#D1C2E5
#D6C2E0
#DAC2DC
#DFC2D7
#E3C2D3
#E9C2CD
Colorpallet from #CDE9C2 to #CDC2E9 and to #C2CDE9
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE3C8
#CDE3C8
#CCE4C8
#CCE4C8
#CCE4C8
#CBE5C8
#CBE5C8
#CDDDCE
#CCDDCE
#CCDECE
#CBDECE
#CADFCE
#CADFCE
#C9E0CE
#CDD6D5
#CCD7D5
#CBD8D5
#CBD9D5
#CADAD5
#C9DBD5
#C8DCD5
#CDD0DB
#CCD1DB
#CBD2DB
#CAD3DB
#C9D4DB
#C7D6DB
#C6D7DB
#CDCAE1
#CCCBE1
#CACDE1
#C9CEE1
#C7D0E1
#C6D1E1
#C4D3E1
#CDC2E9
#CBC4E9
#C9C6E9
#C8C7E9
#C6C9E9
#C4CBE9
#C2CDE9
Colorpallet from #CDE9C2 to #CDC2E9 and to #C2E9CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE3C8
#CDE4C7
#CCE5C7
#CCE6C6
#CCE7C5
#CBE8C5
#CBE9C4
#CDDDCE
#CCDFCD
#CCE1CB
#CBE3CA
#CAE5C9
#CAE7C8
#C9E9C6
#CDD6D5
#CCD9D3
#CBDCD1
#CBDFCE
#CAE2CC
#C9E5CA
#C8E9C7
#CDD0DB
#CCD4D8
#CBD8D5
#CADCD2
#C9E0CF
#C7E4CD
#C6E9C9
#CDCAE1
#CCCFDD
#CAD4DA
#C9D9D6
#C7DED3
#C6E3CF
#C4E9CB
#CDC2E9
#CBC8E5
#C9CEE0
#C8D5DC
#C6DBD7
#C4E1D3
#C2E9CD
Colorpallet from #CDE9C2 to #E9CDC2 and to #E9C2CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#D1E5C2
#D1E5C2
#D1E4C3
#D1E4C3
#D1E4C3
#D1E3C4
#D1E3C4
#D6E0C2
#D6E0C3
#D6DFC3
#D6DFC4
#D6DEC5
#D6DEC5
#D6DDC6
#DADCC2
#DADBC3
#DADAC4
#DAD9C4
#DAD8C5
#DAD7C6
#DAD6C7
#DFD7C2
#DFD6C3
#DFD5C4
#DFD4C5
#DFD3C6
#DFD1C8
#DFD0C9
#E3D3C2
#E3D2C3
#E3D0C5
#E3CFC6
#E3CDC8
#E3CCC9
#E3CACB
#E9CDC2
#E9CBC4
#E9C9C6
#E9C8C7
#E9C6C9
#E9C4CB
#E9C2CD
Colorpallet from #CDE9C2 to #E9CDC2 and to #C2CDE9
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#D1E5C2
#D0E5C3
#CFE5C4
#CEE5C5
#CDE5C6
#CCE5C7
#CBE5C8
#D6E0C2
#D4E0C4
#D2E0C6
#D0E0C8
#CEE0CA
#CCE0CC
#C9E0CE
#DADCC2
#D7DCC5
#D4DCC8
#D1DCCB
#CEDCCE
#CCDCD1
#C8DCD5
#DFD7C2
#DBD7C6
#D7D7CA
#D3D7CE
#CFD7D2
#CBD7D6
#C6D7DB
#E3D3C2
#DED3C7
#D9D3CC
#D4D3D1
#CFD3D6
#CAD3DB
#C4D3E1
#E9CDC2
#E3CDC8
#DDCDCE
#D6CDD5
#D0CDDB
#CACDE1
#C2CDE9
Colorpallet from #CDE9C2 to #E9CDC2 and to #C2E9CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#D1E5C2
#D0E6C2
#CFE6C3
#CEE7C3
#CDE8C3
#CCE8C4
#CBE9C4
#D6E0C2
#D4E1C3
#D2E3C3
#D0E4C4
#CEE6C5
#CCE7C5
#C9E9C6
#DADCC2
#D7DEC3
#D4E0C4
#D1E2C4
#CEE4C5
#CCE6C6
#C8E9C7
#DFD7C2
#DBDAC3
#D7DDC4
#D3E0C5
#CFE3C6
#CBE5C8
#C6E9C9
#E3D3C2
#DED7C3
#D9DAC5
#D4DEC6
#CFE1C8
#CAE5C9
#C4E9CB
#E9CDC2
#E3D1C4
#DDD6C6
#D6DAC7
#D0DFC9
#CAE3CB
#C2E9CD
Colorpallet from #CDE9C2 to #E9C2CD and to #C2CDE9
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#D1E3C4
#D0E3C5
#CFE4C5
#CEE4C6
#CDE4C7
#CCE5C7
#CBE5C8
#D6DDC6
#D4DDC7
#D2DEC9
#D0DECA
#CEDFCB
#CCDFCC
#C9E0CE
#DAD6C7
#D7D7C9
#D4D8CB
#D1D9CE
#CEDAD0
#CCDBD2
#C8DCD5
#DFD0C9
#DBD1CC
#D7D2CF
#D3D3D2
#CFD4D5
#CBD6D7
#C6D7DB
#E3CACB
#DECBCF
#D9CDD2
#D4CED6
#CFD0D9
#CAD1DD
#C4D3E1
#E9C2CD
#E3C4D1
#DDC6D6
#D6C7DA
#D0C9DF
#CACBE3
#C2CDE9
Colorpallet from #CDE9C2 to #E9C2CD and to #C2E9CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#D1E3C4
#D0E4C4
#CFE5C4
#CEE6C4
#CDE7C4
#CCE8C4
#CBE9C4
#D6DDC6
#D4DFC6
#D2E1C6
#D0E3C6
#CEE5C6
#CCE7C6
#C9E9C6
#DAD6C7
#D7D9C7
#D4DCC7
#D1DFC7
#CEE2C7
#CCE5C7
#C8E9C7
#DFD0C9
#DBD4C9
#D7D8C9
#D3DCC9
#CFE0C9
#CBE4C9
#C6E9C9
#E3CACB
#DECFCB
#D9D4CB
#D4D9CB
#CFDECB
#CAE3CB
#C4E9CB
#E9C2CD
#E3C8CD
#DDCECD
#D6D5CD
#D0DBCD
#CAE1CD
#C2E9CD
Colorpallet from #CDE9C2 to #C2CDE9 and to #C2E9CD
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CDE9C2
#CBE5C8
#CBE6C7
#CBE6C7
#CBE7C6
#CBE8C5
#CBE8C5
#CBE9C4
#C9E0CE
#C9E1CD
#C9E3CB
#C9E4CA
#C9E6C9
#C9E7C8
#C9E9C6
#C8DCD5
#C8DED3
#C8E0D1
#C8E2CE
#C8E4CC
#C8E6CA
#C8E9C7
#C6D7DB
#C6DAD8
#C6DDD5
#C6E0D2
#C6E3CF
#C6E5CD
#C6E9C9
#C4D3E1
#C4D7DD
#C4DADA
#C4DED6
#C4E1D3
#C4E5CF
#C4E9CB
#C2CDE9
#C2D1E5
#C2D6E0
#C2DADC
#C2DFD7
#C2E3D3
#C2E9CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts