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 #D3E3C3 to #D3C3E3 and to #E3D3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3DEC8
#D3DEC7
#D4DFC6
#D4DFC6
#D5DFC5
#D5E0C4
#D6E0C3
#D3D9CD
#D4DACB
#D5DBCA
#D5DBC8
#D6DCC7
#D7DDC5
#D8DEC3
#D3D4D2
#D4D5D0
#D6D6CD
#D7D7CB
#D8D8C8
#D9DAC6
#DBDBC3
#D3CFD7
#D5D1D4
#D6D2D1
#D8D4CD
#D9D5CA
#DBD7C7
#DDD9C3
#D3C9DD
#D5CBD9
#D7CDD5
#D9CFD1
#DBD1CC
#DDD3C8
#E0D6C3
#D3C3E3
#D6C6DE
#D8C8D9
#DBCBD4
#DDCDCF
#E0D0C9
#E3D3C3
Colorpallet from #D3E3C3 to #D3C3E3 and to #E3C3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3DEC8
#D3DEC8
#D4DEC7
#D4DEC7
#D5DEC7
#D5DEC6
#D6DEC6
#D3D9CD
#D4D9CC
#D5D9CB
#D5D9CB
#D6D9CA
#D7D9C9
#D8D9C8
#D3D4D2
#D4D4D1
#D6D4D0
#D7D4CF
#D8D4CE
#D9D4CC
#DBD4CB
#D3CFD7
#D5CFD5
#D6CFD4
#D8CFD2
#D9CFD1
#DBCFCF
#DDCFCD
#D3C9DD
#D5C9DB
#D7C9D9
#D9C9D7
#DBC9D5
#DDC9D3
#E0C9D0
#D3C3E3
#D6C3E0
#D8C3DE
#DBC3DB
#DDC3D9
#E0C3D6
#E3C3D3
Colorpallet from #D3E3C3 to #D3C3E3 and to #C3D3E3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3DEC8
#D3DEC8
#D2DFC8
#D2DFC8
#D1DFC8
#D1E0C8
#D0E0C8
#D3D9CD
#D2DACD
#D1DBCD
#D1DBCD
#D0DCCD
#CFDDCD
#CEDECD
#D3D4D2
#D2D5D2
#D0D6D2
#CFD7D2
#CED8D2
#CDDAD2
#CBDBD2
#D3CFD7
#D1D1D7
#D0D2D7
#CED4D7
#CDD5D7
#CBD7D7
#C9D9D7
#D3C9DD
#D1CBDD
#CFCDDD
#CDCFDD
#CBD1DD
#C9D3DD
#C6D6DD
#D3C3E3
#D0C6E3
#CEC8E3
#CBCBE3
#C9CDE3
#C6D0E3
#C3D3E3
Colorpallet from #D3E3C3 to #D3C3E3 and to #C3E3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3DEC8
#D3DFC8
#D2E0C7
#D2E0C7
#D1E1C7
#D1E2C6
#D0E3C6
#D3D9CD
#D2DBCC
#D1DCCB
#D1DECB
#D0DFCA
#CFE1C9
#CEE3C8
#D3D4D2
#D2D6D1
#D0D9D0
#CFDBCF
#CEDECE
#CDE0CC
#CBE3CB
#D3CFD7
#D1D2D5
#D0D5D4
#CED9D2
#CDDCD1
#CBDFCF
#C9E3CD
#D3C9DD
#D1CDDB
#CFD1D9
#CDD5D7
#CBDAD5
#C9DED3
#C6E3D0
#D3C3E3
#D0C8E0
#CECDDE
#CBD2DB
#C9D7D9
#C6DDD6
#C3E3D3
Colorpallet from #D3E3C3 to #E3D3C3 and to #E3C3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D6E0C3
#D6E0C3
#D6DFC4
#D6DFC4
#D6DFC5
#D6DEC5
#D6DEC6
#D8DEC3
#D8DDC4
#D8DCC5
#D8DCC5
#D8DBC6
#D8DAC7
#D8D9C8
#DBDBC3
#DBDAC4
#DBD9C6
#DBD8C7
#DBD7C8
#DBD5C9
#DBD4CB
#DDD9C3
#DDD7C5
#DDD6C6
#DDD4C8
#DDD3C9
#DDD1CB
#DDCFCD
#E0D6C3
#E0D4C5
#E0D2C7
#E0D0C9
#E0CECB
#E0CCCD
#E0C9D0
#E3D3C3
#E3D0C6
#E3CEC8
#E3CBCB
#E3C9CD
#E3C6D0
#E3C3D3
Colorpallet from #D3E3C3 to #E3D3C3 and to #C3D3E3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D6E0C3
#D5E0C4
#D4E0C5
#D3E0C5
#D2E0C6
#D1E0C7
#D0E0C8
#D8DEC3
#D6DEC5
#D5DEC6
#D3DEC8
#D2DEC9
#D0DECB
#CEDECD
#DBDBC3
#D8DBC5
#D6DBC8
#D3DBCA
#D1DBCD
#CEDBCF
#CBDBD2
#DDD9C3
#DAD9C6
#D7D9C9
#D3D9CD
#D0D9D0
#CDD9D3
#C9D9D7
#E0D6C3
#DCD6C7
#D8D6CB
#D4D6CF
#CFD6D4
#CBD6D8
#C6D6DD
#E3D3C3
#DED3C8
#D9D3CD
#D4D3D2
#CFD3D7
#C9D3DD
#C3D3E3
Colorpallet from #D3E3C3 to #E3D3C3 and to #C3E3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D6E0C3
#D5E0C3
#D4E1C4
#D3E1C4
#D2E2C5
#D1E2C5
#D0E3C6
#D8DEC3
#D6DFC4
#D5E0C5
#D3E0C5
#D2E1C6
#D0E2C7
#CEE3C8
#DBDBC3
#D8DCC4
#D6DEC6
#D3DFC7
#D1E0C8
#CEE1C9
#CBE3CB
#DDD9C3
#DADBC5
#D7DCC6
#D3DEC8
#D0DFC9
#CDE1CB
#C9E3CD
#E0D6C3
#DCD8C5
#D8DAC7
#D4DCC9
#CFDECB
#CBE0CD
#C6E3D0
#E3D3C3
#DED6C6
#D9D8C8
#D4DBCB
#CFDDCD
#C9E0D0
#C3E3D3
Colorpallet from #D3E3C3 to #E3C3D3 and to #C3D3E3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D6DEC6
#D5DEC6
#D4DFC7
#D3DFC7
#D2DFC7
#D1E0C8
#D0E0C8
#D8D9C8
#D6DAC9
#D5DBCA
#D3DBCA
#D2DCCB
#D0DDCC
#CEDECD
#DBD4CB
#D8D5CC
#D6D6CD
#D3D7CE
#D1D8CF
#CEDAD1
#CBDBD2
#DDCFCD
#DAD1CF
#D7D2D0
#D3D4D2
#D0D5D3
#CDD7D5
#C9D9D7
#E0C9D0
#DCCBD2
#D8CDD4
#D4CFD6
#CFD1D8
#CBD3DA
#C6D6DD
#E3C3D3
#DEC6D6
#D9C8D8
#D4CBDB
#CFCDDD
#C9D0E0
#C3D3E3
Colorpallet from #D3E3C3 to #E3C3D3 and to #C3E3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D6DEC6
#D5DFC6
#D4E0C6
#D3E0C6
#D2E1C6
#D1E2C6
#D0E3C6
#D8D9C8
#D6DBC8
#D5DCC8
#D3DEC8
#D2DFC8
#D0E1C8
#CEE3C8
#DBD4CB
#D8D6CB
#D6D9CB
#D3DBCB
#D1DECB
#CEE0CB
#CBE3CB
#DDCFCD
#DAD2CD
#D7D5CD
#D3D9CD
#D0DCCD
#CDDFCD
#C9E3CD
#E0C9D0
#DCCDD0
#D8D1D0
#D4D5D0
#CFDAD0
#CBDED0
#C6E3D0
#E3C3D3
#DEC8D3
#D9CDD3
#D4D2D3
#CFD7D3
#C9DDD3
#C3E3D3
Colorpallet from #D3E3C3 to #C3D3E3 and to #C3E3D3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D3E3C3
#D0E0C8
#D0E0C8
#D0E1C7
#D0E1C7
#D0E2C7
#D0E2C6
#D0E3C6
#CEDECD
#CEDFCC
#CEE0CB
#CEE0CB
#CEE1CA
#CEE2C9
#CEE3C8
#CBDBD2
#CBDCD1
#CBDED0
#CBDFCF
#CBE0CE
#CBE1CC
#CBE3CB
#C9D9D7
#C9DBD5
#C9DCD4
#C9DED2
#C9DFD1
#C9E1CF
#C9E3CD
#C6D6DD
#C6D8DB
#C6DAD9
#C6DCD7
#C6DED5
#C6E0D3
#C6E3D0
#C3D3E3
#C3D6E0
#C3D8DE
#C3DBDB
#C3DDD9
#C3E0D6
#C3E3D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts