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 #D1E4C5 to #D1C5E4 and to #E4D1C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1DFCA
#D1DFC9
#D2E0C8
#D2E0C8
#D3E0C7
#D3E1C6
#D4E1C5
#D1DACF
#D2DBCD
#D3DBCC
#D4DCCA
#D5DDC9
#D6DDC7
#D7DEC5
#D1D5D4
#D2D6D2
#D4D7CF
#D5D8CD
#D7D9CA
#D8DAC8
#DADBC5
#D1D0D9
#D3D1D6
#D5D3D3
#D7D4CF
#D9D5CC
#DBD6C9
#DDD8C5
#D1CBDE
#D3CDDA
#D6CED6
#D8D0D2
#DBD1CE
#DDD3CA
#E0D5C5
#D1C5E4
#D4C7DF
#D7C9DA
#DACBD5
#DDCDD0
#E0CFCB
#E4D1C5
Colorpallet from #D1E4C5 to #D1C5E4 and to #E4C5D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1DFCA
#D1DFCA
#D2DFC9
#D2DFC9
#D3DFC8
#D3DFC8
#D4DFC7
#D1DACF
#D2DACE
#D3DACD
#D4DACC
#D5DACB
#D6DACA
#D7DAC9
#D1D5D4
#D2D5D3
#D4D5D1
#D5D5D0
#D7D5CE
#D8D5CD
#DAD5CB
#D1D0D9
#D3D0D7
#D5D0D5
#D7D0D3
#D9D0D1
#DBD0CF
#DDD0CD
#D1CBDE
#D3CBDC
#D6CBD9
#D8CBD7
#DBCBD4
#DDCBD2
#E0CBCF
#D1C5E4
#D4C5E1
#D7C5DE
#DAC5DB
#DDC5D8
#E0C5D5
#E4C5D1
Colorpallet from #D1E4C5 to #D1C5E4 and to #C5D1E4
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1DFCA
#D1DFCA
#D0E0CA
#D0E0CA
#D0E0CA
#CFE1CA
#CFE1CA
#D1DACF
#D0DBCF
#D0DBCF
#CFDCCF
#CEDDCF
#CEDDCF
#CDDECF
#D1D5D4
#D0D6D4
#CFD7D4
#CED8D4
#CDD9D4
#CCDAD4
#CBDBD4
#D1D0D9
#D0D1D9
#CED3D9
#CDD4D9
#CCD5D9
#CBD6D9
#C9D8D9
#D1CBDE
#CFCDDE
#CECEDE
#CCD0DE
#CBD1DE
#C9D3DE
#C7D5DE
#D1C5E4
#CFC7E4
#CDC9E4
#CBCBE4
#C9CDE4
#C7CFE4
#C5D1E4
Colorpallet from #D1E4C5 to #D1C5E4 and to #C5E4D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1DFCA
#D1E0CA
#D0E1C9
#D0E1C9
#D0E2C8
#CFE3C8
#CFE4C7
#D1DACF
#D0DCCE
#D0DDCD
#CFDFCC
#CEE0CB
#CEE2CA
#CDE4C9
#D1D5D4
#D0D7D3
#CFDAD1
#CEDCD0
#CDDFCE
#CCE1CD
#CBE4CB
#D1D0D9
#D0D3D7
#CED6D5
#CDDAD3
#CCDDD1
#CBE0CF
#C9E4CD
#D1CBDE
#CFCFDC
#CED3D9
#CCD7D7
#CBDBD4
#C9DFD2
#C7E4CF
#D1C5E4
#CFCAE1
#CDCFDE
#CBD4DB
#C9D9D8
#C7DED5
#C5E4D1
Colorpallet from #D1E4C5 to #E4D1C5 and to #E4C5D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D4E1C5
#D4E1C5
#D4E0C6
#D4E0C6
#D4E0C6
#D4DFC7
#D4DFC7
#D7DEC5
#D7DDC6
#D7DDC6
#D7DCC7
#D7DBC8
#D7DBC8
#D7DAC9
#DADBC5
#DADAC6
#DAD9C7
#DAD8C8
#DAD7C9
#DAD6CA
#DAD5CB
#DDD8C5
#DDD7C6
#DDD5C8
#DDD4C9
#DDD3CA
#DDD2CB
#DDD0CD
#E0D5C5
#E0D3C7
#E0D2C8
#E0D0CA
#E0CFCB
#E0CDCD
#E0CBCF
#E4D1C5
#E4CFC7
#E4CDC9
#E4CBCB
#E4C9CD
#E4C7CF
#E4C5D1
Colorpallet from #D1E4C5 to #E4D1C5 and to #C5D1E4
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D4E1C5
#D3E1C6
#D2E1C7
#D2E1C7
#D1E1C8
#D0E1C9
#CFE1CA
#D7DEC5
#D5DEC7
#D4DEC8
#D2DECA
#D1DECB
#CFDECD
#CDDECF
#DADBC5
#D8DBC7
#D5DBCA
#D3DBCC
#D0DBCF
#CEDBD1
#CBDBD4
#DDD8C5
#DAD8C8
#D7D8CB
#D3D8CF
#D0D8D2
#CDD8D5
#C9D8D9
#E0D5C5
#DCD5C9
#D8D5CD
#D4D5D1
#D0D5D5
#CCD5D9
#C7D5DE
#E4D1C5
#DFD1CA
#DAD1CF
#D5D1D4
#D0D1D9
#CBD1DE
#C5D1E4
Colorpallet from #D1E4C5 to #E4D1C5 and to #C5E4D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D4E1C5
#D3E1C5
#D2E2C6
#D2E2C6
#D1E3C6
#D0E3C7
#CFE4C7
#D7DEC5
#D5DFC6
#D4E0C6
#D2E1C7
#D1E2C8
#CFE3C8
#CDE4C9
#DADBC5
#D8DCC6
#D5DEC7
#D3DFC8
#D0E1C9
#CEE2CA
#CBE4CB
#DDD8C5
#DADAC6
#D7DCC8
#D3DEC9
#D0E0CA
#CDE2CB
#C9E4CD
#E0D5C5
#DCD7C7
#D8DAC8
#D4DCCA
#D0DFCB
#CCE1CD
#C7E4CF
#E4D1C5
#DFD4C7
#DAD7C9
#D5DACB
#D0DDCD
#CBE0CF
#C5E4D1
Colorpallet from #D1E4C5 to #E4C5D1 and to #C5D1E4
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D4DFC7
#D3DFC7
#D2E0C8
#D2E0C8
#D1E0C9
#D0E1C9
#CFE1CA
#D7DAC9
#D5DBCA
#D4DBCB
#D2DCCC
#D1DDCD
#CFDDCE
#CDDECF
#DAD5CB
#D8D6CC
#D5D7CE
#D3D8CF
#D0D9D1
#CEDAD2
#CBDBD4
#DDD0CD
#DAD1CF
#D7D3D1
#D3D4D3
#D0D5D5
#CDD6D7
#C9D8D9
#E0CBCF
#DCCDD1
#D8CED4
#D4D0D6
#D0D1D9
#CCD3DB
#C7D5DE
#E4C5D1
#DFC7D4
#DAC9D7
#D5CBDA
#D0CDDD
#CBCFE0
#C5D1E4
Colorpallet from #D1E4C5 to #E4C5D1 and to #C5E4D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D4DFC7
#D3E0C7
#D2E1C7
#D2E1C7
#D1E2C7
#D0E3C7
#CFE4C7
#D7DAC9
#D5DCC9
#D4DDC9
#D2DFC9
#D1E0C9
#CFE2C9
#CDE4C9
#DAD5CB
#D8D7CB
#D5DACB
#D3DCCB
#D0DFCB
#CEE1CB
#CBE4CB
#DDD0CD
#DAD3CD
#D7D6CD
#D3DACD
#D0DDCD
#CDE0CD
#C9E4CD
#E0CBCF
#DCCFCF
#D8D3CF
#D4D7CF
#D0DBCF
#CCDFCF
#C7E4CF
#E4C5D1
#DFCAD1
#DACFD1
#D5D4D1
#D0D9D1
#CBDED1
#C5E4D1
Colorpallet from #D1E4C5 to #C5D1E4 and to #C5E4D1
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#D1E4C5
#CFE1CA
#CFE1CA
#CFE2C9
#CFE2C9
#CFE3C8
#CFE3C8
#CFE4C7
#CDDECF
#CDDFCE
#CDE0CD
#CDE1CC
#CDE2CB
#CDE3CA
#CDE4C9
#CBDBD4
#CBDCD3
#CBDED1
#CBDFD0
#CBE1CE
#CBE2CD
#CBE4CB
#C9D8D9
#C9DAD7
#C9DCD5
#C9DED3
#C9E0D1
#C9E2CF
#C9E4CD
#C7D5DE
#C7D7DC
#C7DAD9
#C7DCD7
#C7DFD4
#C7E1D2
#C7E4CF
#C5D1E4
#C5D4E1
#C5D7DE
#C5DADB
#C5DDD8
#C5E0D5
#C5E4D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
