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 #D3E3C2 to #D3C2E3 and to #E3D3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3DEC7
#D3DEC6
#D4DFC5
#D4DFC5
#D5DFC4
#D5E0C3
#D6E0C2
#D3D8CD
#D4D9CB
#D5DAC9
#D5DBC8
#D6DCC6
#D7DDC4
#D8DEC2
#D3D3D2
#D4D4CF
#D6D6CD
#D7D7CA
#D8D8C8
#D9D9C5
#DBDBC2
#D3CED7
#D5D0D4
#D6D2D0
#D8D3CD
#D9D5CA
#DBD7C6
#DDD9C2
#D3C9DC
#D5CBD8
#D7CDD4
#D9CFD0
#DBD1CB
#DDD3C7
#E0D6C2
#D3C2E3
#D6C5DE
#D8C7D8
#DBCAD3
#DDCDCE
#E0D0C9
#E3D3C2
Colorpallet from #D3E3C2 to #D3C2E3 and to #E3C2D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3DEC7
#D3DEC7
#D4DEC6
#D4DEC6
#D5DEC6
#D5DEC5
#D6DEC5
#D3D8CD
#D4D8CC
#D5D8CB
#D5D8CA
#D6D8C9
#D7D8C8
#D8D8C7
#D3D3D2
#D4D3D1
#D6D3CF
#D7D3CE
#D8D3CD
#D9D3CC
#DBD3CA
#D3CED7
#D5CED5
#D6CED4
#D8CED2
#D9CED1
#DBCECF
#DDCECD
#D3C9DC
#D5C9DA
#D7C9D8
#D9C9D6
#DBC9D4
#DDC9D2
#E0C9D0
#D3C2E3
#D6C2E0
#D8C2DE
#DBC2DB
#DDC2D9
#E0C2D6
#E3C2D3
Colorpallet from #D3E3C2 to #D3C2E3 and to #C2D3E3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3DEC7
#D3DEC7
#D2DFC7
#D2DFC7
#D1DFC7
#D1E0C7
#D0E0C7
#D3D8CD
#D2D9CD
#D1DACD
#D1DBCD
#D0DCCD
#CFDDCD
#CEDECD
#D3D3D2
#D2D4D2
#D0D6D2
#CFD7D2
#CED8D2
#CDD9D2
#CBDBD2
#D3CED7
#D1D0D7
#CFD2D7
#CED3D7
#CCD5D7
#CAD7D7
#C8D9D7
#D3C9DC
#D1CBDC
#CFCDDC
#CCCFDC
#CAD1DC
#C8D3DC
#C5D6DC
#D3C2E3
#D0C5E3
#CEC7E3
#CBCAE3
#C8CDE3
#C5D0E3
#C2D3E3
Colorpallet from #D3E3C2 to #D3C2E3 and to #C2E3D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3DEC7
#D3DFC7
#D2E0C6
#D2E0C6
#D1E1C6
#D1E2C5
#D0E3C5
#D3D8CD
#D2DACC
#D1DCCB
#D1DDCA
#D0DFC9
#CFE1C8
#CEE3C7
#D3D3D2
#D2D6D1
#D0D8CF
#CFDBCE
#CEDDCD
#CDE0CC
#CBE3CA
#D3CED7
#D1D1D5
#CFD5D4
#CED8D2
#CCDBD1
#CADFCF
#C8E3CD
#D3C9DC
#D1CDDA
#CFD1D8
#CCD5D6
#CADAD4
#C8DED2
#C5E3D0
#D3C2E3
#D0C7E0
#CECDDE
#CBD2DB
#C8D7D9
#C5DCD6
#C2E3D3
Colorpallet from #D3E3C2 to #E3D3C2 and to #E3C2D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D6E0C2
#D6E0C2
#D6DFC3
#D6DFC3
#D6DFC4
#D6DEC4
#D6DEC5
#D8DEC2
#D8DDC3
#D8DCC4
#D8DBC4
#D8DAC5
#D8D9C6
#D8D8C7
#DBDBC2
#DBDAC3
#DBD8C5
#DBD7C6
#DBD6C7
#DBD5C8
#DBD3CA
#DDD9C2
#DDD7C4
#DDD5C6
#DDD4C7
#DDD2C9
#DDD0CB
#DDCECD
#E0D6C2
#E0D4C4
#E0D2C6
#E0D0C9
#E0CECB
#E0CCCD
#E0C9D0
#E3D3C2
#E3D0C5
#E3CEC7
#E3CBCA
#E3C8CD
#E3C5D0
#E3C2D3
Colorpallet from #D3E3C2 to #E3D3C2 and to #C2D3E3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D6E0C2
#D5E0C3
#D4E0C4
#D3E0C4
#D2E0C5
#D1E0C6
#D0E0C7
#D8DEC2
#D6DEC4
#D5DEC6
#D3DEC7
#D2DEC9
#D0DECB
#CEDECD
#DBDBC2
#D8DBC5
#D6DBC7
#D3DBCA
#D1DBCC
#CEDBCF
#CBDBD2
#DDD9C2
#DAD9C5
#D6D9C9
#D3D9CC
#D0D9CF
#CCD9D3
#C8D9D7
#E0D6C2
#DCD6C6
#D7D6CA
#D3D6CE
#CFD6D3
#CAD6D7
#C5D6DC
#E3D3C2
#DED3C7
#D8D3CD
#D3D3D2
#CED3D7
#C9D3DC
#C2D3E3
Colorpallet from #D3E3C2 to #E3D3C2 and to #C2E3D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D6E0C2
#D5E0C2
#D4E1C3
#D3E1C3
#D2E2C4
#D1E2C4
#D0E3C5
#D8DEC2
#D6DFC3
#D5E0C4
#D3E0C4
#D2E1C5
#D0E2C6
#CEE3C7
#DBDBC2
#D8DCC3
#D6DEC5
#D3DFC6
#D1E0C7
#CEE1C8
#CBE3CA
#DDD9C2
#DADBC4
#D6DCC6
#D3DEC7
#D0DFC9
#CCE1CB
#C8E3CD
#E0D6C2
#DCD8C4
#D7DAC6
#D3DCC9
#CFDECB
#CAE0CD
#C5E3D0
#E3D3C2
#DED6C5
#D8D8C7
#D3DBCA
#CEDDCD
#C9E0D0
#C2E3D3
Colorpallet from #D3E3C2 to #E3C2D3 and to #C2D3E3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D6DEC5
#D5DEC5
#D4DFC6
#D3DFC6
#D2DFC6
#D1E0C7
#D0E0C7
#D8D8C7
#D6D9C8
#D5DAC9
#D3DBCA
#D2DCCB
#D0DDCC
#CEDECD
#DBD3CA
#D8D4CB
#D6D6CD
#D3D7CE
#D1D8CF
#CED9D0
#CBDBD2
#DDCECD
#DAD0CF
#D6D2D0
#D3D3D2
#D0D5D3
#CCD7D5
#C8D9D7
#E0C9D0
#DCCBD2
#D7CDD4
#D3CFD6
#CFD1D8
#CAD3DA
#C5D6DC
#E3C2D3
#DEC5D6
#D8C7D8
#D3CADB
#CECDDD
#C9D0E0
#C2D3E3
Colorpallet from #D3E3C2 to #E3C2D3 and to #C2E3D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D6DEC5
#D5DFC5
#D4E0C5
#D3E0C5
#D2E1C5
#D1E2C5
#D0E3C5
#D8D8C7
#D6DAC7
#D5DCC7
#D3DDC7
#D2DFC7
#D0E1C7
#CEE3C7
#DBD3CA
#D8D6CA
#D6D8CA
#D3DBCA
#D1DDCA
#CEE0CA
#CBE3CA
#DDCECD
#DAD1CD
#D6D5CD
#D3D8CD
#D0DBCD
#CCDFCD
#C8E3CD
#E0C9D0
#DCCDD0
#D7D1D0
#D3D5D0
#CFDAD0
#CADED0
#C5E3D0
#E3C2D3
#DEC7D3
#D8CDD3
#D3D2D3
#CED7D3
#C9DCD3
#C2E3D3
Colorpallet from #D3E3C2 to #C2D3E3 and to #C2E3D3
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D3E3C2
#D0E0C7
#D0E0C7
#D0E1C6
#D0E1C6
#D0E2C6
#D0E2C5
#D0E3C5
#CEDECD
#CEDFCC
#CEE0CB
#CEE0CA
#CEE1C9
#CEE2C8
#CEE3C7
#CBDBD2
#CBDCD1
#CBDECF
#CBDFCE
#CBE0CD
#CBE1CC
#CBE3CA
#C8D9D7
#C8DBD5
#C8DCD4
#C8DED2
#C8DFD1
#C8E1CF
#C8E3CD
#C5D6DC
#C5D8DA
#C5DAD8
#C5DCD6
#C5DED4
#C5E0D2
#C5E3D0
#C2D3E3
#C2D6E0
#C2D8DE
#C2DBDB
#C2DDD9
#C2E0D6
#C2E3D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
