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 #E1E3C8 to #E1C8E3 and to #E3E1C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E1E0CB
#E1E0CB
#E1E1CA
#E1E2C9
#E1E2C9
#E1E3C8
#E1DAD1
#E1DBD0
#E1DDCE
#E1DECD
#E2DFCB
#E2E0CA
#E2E2C8
#E1D6D5
#E1D8D3
#E1DAD1
#E1DCCF
#E2DECD
#E2E0CB
#E2E2C8
#E1D2D9
#E1D5D6
#E1D7D4
#E1DAD1
#E2DCCE
#E2DFCB
#E2E2C8
#E1CDDE
#E1D0DA
#E2D3D7
#E2D7D3
#E2DAD0
#E3DDCC
#E3E1C8
#E1C8E3
#E1CCDF
#E2D0DA
#E2D4D6
#E2D8D2
#E3DCCD
#E3E1C8
Colorpallet from #E1E3C8 to #E1C8E3 and to #E3C8E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E1DFCC
#E1DFCC
#E1DFCC
#E1DFCC
#E1DFCC
#E1DFCC
#E1DAD1
#E1DAD1
#E1DAD1
#E1DAD1
#E2DAD0
#E2DAD0
#E2DAD0
#E1D6D5
#E1D6D5
#E1D6D5
#E1D6D5
#E2D6D4
#E2D6D4
#E2D6D4
#E1D2D9
#E1D2D9
#E1D2D9
#E1D2D9
#E2D2D8
#E2D2D8
#E2D2D8
#E1CDDE
#E1CDDE
#E2CDDD
#E2CDDD
#E2CDDD
#E3CDDC
#E3CDDC
#E1C8E3
#E1C8E3
#E2C8E2
#E2C8E2
#E2C8E2
#E3C8E1
#E3C8E1
Colorpallet from #E1E3C8 to #E1C8E3 and to #C8E1E3
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#DEE2CC
#DEE2CC
#DDE3CC
#E1DAD1
#E0DBD1
#DEDDD1
#DDDED1
#DCDFD1
#DBE0D1
#D9E2D1
#E1D6D5
#DFD8D5
#DDDAD5
#DBDCD5
#D9DED5
#D7E0D5
#D5E2D5
#E1D2D9
#DED5D9
#DCD7D9
#D9DAD9
#D7DCD9
#D4DFD9
#D1E2D9
#E1CDDE
#DED0DE
#DBD3DE
#D7D7DE
#D4DADE
#D1DDDE
#CDE1DE
#E1C8E3
#DDCCE3
#D9D0E3
#D5D4E3
#D1D8E3
#CDDCE3
#C8E1E3
Colorpallet from #E1E3C8 to #E1C8E3 and to #C8E3E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#DEE2CC
#DEE2CC
#DDE3CC
#E1DAD1
#E0DBD1
#DEDDD1
#DDDED1
#DCE0D0
#DBE1D0
#D9E3D0
#E1D6D5
#DFD8D5
#DDDAD5
#DBDCD5
#D9DED4
#D7E0D4
#D5E3D4
#E1D2D9
#DED5D9
#DCD7D9
#D9DAD9
#D7DDD8
#D4E0D8
#D1E3D8
#E1CDDE
#DED1DE
#DBD4DD
#D7D8DD
#D4DBDD
#D1DFDC
#CDE3DC
#E1C8E3
#DDCCE3
#D9D1E2
#D5D5E2
#D1D9E2
#CDDEE1
#C8E3E1
Colorpallet from #E1E3C8 to #E3E1C8 and to #E3C8E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E2C9
#E1E2C9
#E1E1CA
#E1E0CB
#E1E0CB
#E1DFCC
#E2E2C8
#E2E1C9
#E2DFCB
#E2DECC
#E2DDCD
#E2DCCE
#E2DAD0
#E2E2C8
#E2E0CA
#E2DECC
#E2DCCE
#E2DAD0
#E2D8D2
#E2D6D4
#E2E2C8
#E2DFCB
#E2DDCD
#E2DAD0
#E2D8D2
#E2D5D5
#E2D2D8
#E3E1C8
#E3DECB
#E3DBCE
#E3D7D2
#E3D4D5
#E3D1D8
#E3CDDC
#E3E1C8
#E3DDCC
#E3D9D0
#E3D5D4
#E3D1D8
#E3CDDC
#E3C8E1
Colorpallet from #E1E3C8 to #E3E1C8 and to #C8E1E3
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E0E3C9
#E0E3C9
#DFE3CA
#DEE3CB
#DEE3CB
#DDE3CC
#E2E2C8
#E1E2C9
#DFE2CB
#DEE2CC
#DCE2CE
#DBE2CF
#D9E2D1
#E2E2C8
#E0E2CA
#DEE2CC
#DCE2CE
#DAE2D0
#D8E2D2
#D5E2D5
#E2E2C8
#DFE2CB
#DDE2CD
#DAE2D0
#D7E2D3
#D4E2D6
#D1E2D9
#E3E1C8
#DFE1CC
#DCE1CF
#D8E1D3
#D5E1D6
#D1E1DA
#CDE1DE
#E3E1C8
#DFE1CC
#DAE1D1
#D6E1D5
#D2E1D9
#CDE1DE
#C8E1E3
Colorpallet from #E1E3C8 to #E3E1C8 and to #C8E3E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E0E3C9
#E0E3C9
#DFE3CA
#DEE3CB
#DEE3CB
#DDE3CC
#E2E2C8
#E1E2C9
#DFE2CB
#DEE2CC
#DCE3CD
#DBE3CE
#D9E3D0
#E2E2C8
#E0E2CA
#DEE2CC
#DCE2CE
#DAE3D0
#D8E3D2
#D5E3D4
#E2E2C8
#DFE2CB
#DDE2CD
#DAE2D0
#D7E3D2
#D4E3D5
#D1E3D8
#E3E1C8
#DFE1CB
#DCE2CE
#D8E2D2
#D5E2D5
#D1E3D8
#CDE3DC
#E3E1C8
#DFE1CC
#DAE2D0
#D6E2D4
#D2E2D8
#CDE3DC
#C8E3E1
Colorpallet from #E1E3C8 to #E3C8E1 and to #C8E1E3
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#DEE2CC
#DEE2CC
#DDE3CC
#E2DAD0
#E1DBD0
#DFDDD0
#DEDED0
#DCDFD1
#DBE0D1
#D9E2D1
#E2D6D4
#E0D8D4
#DEDAD4
#DCDCD4
#DADED5
#D8E0D5
#D5E2D5
#E2D2D8
#DFD5D8
#DDD7D8
#DADAD8
#D7DCD9
#D4DFD9
#D1E2D9
#E3CDDC
#DFD0DC
#DCD3DD
#D8D7DD
#D5DADD
#D1DDDE
#CDE1DE
#E3C8E1
#DFCCE1
#DAD0E2
#D6D4E2
#D2D8E2
#CDDCE3
#C8E1E3
Colorpallet from #E1E3C8 to #E3C8E1 and to #C8E3E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#DEE2CC
#DEE2CC
#DDE3CC
#E2DAD0
#E1DBD0
#DFDDD0
#DEDED0
#DCE0D0
#DBE1D0
#D9E3D0
#E2D6D4
#E0D8D4
#DEDAD4
#DCDCD4
#DADED4
#D8E0D4
#D5E3D4
#E2D2D8
#DFD5D8
#DDD7D8
#DADAD8
#D7DDD8
#D4E0D8
#D1E3D8
#E3CDDC
#DFD1DC
#DCD4DC
#D8D8DC
#D5DBDC
#D1DFDC
#CDE3DC
#E3C8E1
#DFCCE1
#DAD1E1
#D6D5E1
#D2D9E1
#CDDEE1
#C8E3E1
Colorpallet from #E1E3C8 to #C8E1E3 and to #C8E3E1
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#E1E3C8
#DDE3CC
#DDE3CC
#DDE3CC
#DDE3CC
#DDE3CC
#DDE3CC
#DDE3CC
#D9E2D1
#D9E2D1
#D9E2D1
#D9E2D1
#D9E3D0
#D9E3D0
#D9E3D0
#D5E2D5
#D5E2D5
#D5E2D5
#D5E2D5
#D5E3D4
#D5E3D4
#D5E3D4
#D1E2D9
#D1E2D9
#D1E2D9
#D1E2D9
#D1E3D8
#D1E3D8
#D1E3D8
#CDE1DE
#CDE1DE
#CDE2DD
#CDE2DD
#CDE2DD
#CDE3DC
#CDE3DC
#C8E1E3
#C8E1E3
#C8E2E2
#C8E2E2
#C8E2E2
#C8E3E1
#C8E3E1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts