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 #E3E1C8 to #E3C8E1 and to #E1E3C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E3DECB
#E3DECB
#E3DFCA
#E3E0C9
#E3E0C9
#E3E1C8
#E3D9D0
#E3DACF
#E3DCCD
#E3DDCC
#E2DFCB
#E2E0CA
#E2E2C8
#E3D5D4
#E3D7D2
#E3D9D0
#E3DBCE
#E2DDCC
#E2DFCA
#E2E2C8
#E3D1D8
#E3D4D5
#E3D6D3
#E3D9D0
#E2DCCE
#E2DFCB
#E2E2C8
#E3CDDC
#E3D1D9
#E2D4D6
#E2D8D2
#E2DBCF
#E1DFCC
#E1E3C8
#E3C8E1
#E3CCDD
#E2D1D9
#E2D5D5
#E2D9D1
#E1DECD
#E1E3C8
Colorpallet from #E3E1C8 to #E3C8E1 and to #E1C8E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E3DDCC
#E3DDCC
#E3DDCC
#E3DDCC
#E3DDCC
#E3DDCC
#E3D9D0
#E3D9D0
#E3D9D0
#E3D9D0
#E2D9D1
#E2D9D1
#E2D9D1
#E3D5D4
#E3D5D4
#E3D5D4
#E3D5D4
#E2D5D5
#E2D5D5
#E2D5D5
#E3D1D8
#E3D1D8
#E3D1D8
#E3D1D8
#E2D1D9
#E2D1D9
#E2D1D9
#E3CDDC
#E3CDDC
#E2CDDD
#E2CDDD
#E2CDDD
#E1CDDE
#E1CDDE
#E3C8E1
#E3C8E1
#E2C8E2
#E2C8E2
#E2C8E2
#E1C8E3
#E1C8E3
Colorpallet from #E3E1C8 to #E3C8E1 and to #C8E3E1
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E2DECC
#E2DECC
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#E3D9D0
#E2DAD0
#E0DCD0
#DFDDD0
#DDDFD0
#DCE0D0
#DAE2D0
#E3D5D4
#E1D7D4
#DFD9D4
#DDDBD4
#DBDDD4
#D9DFD4
#D6E2D4
#E3D1D8
#E0D4D8
#DED6D8
#DBD9D8
#D8DCD8
#D5DFD8
#D2E2D8
#E3CDDC
#DFD1DC
#DCD4DC
#D8D8DC
#D5DBDC
#D1DFDC
#CDE3DC
#E3C8E1
#DFCCE1
#DAD1E1
#D6D5E1
#D2D9E1
#CDDEE1
#C8E3E1
Colorpallet from #E3E1C8 to #E3C8E1 and to #C8E1E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E2DECC
#E2DECC
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#E3D9D0
#E2DAD0
#E0DCD0
#DFDDD0
#DDDED1
#DCDFD1
#DAE1D1
#E3D5D4
#E1D7D4
#DFD9D4
#DDDBD4
#DBDDD5
#D9DFD5
#D6E1D5
#E3D1D8
#E0D4D8
#DED6D8
#DBD9D8
#D8DBD9
#D5DED9
#D2E1D9
#E3CDDC
#DFD0DC
#DCD3DD
#D8D7DD
#D5DADD
#D1DDDE
#CDE1DE
#E3C8E1
#DFCCE1
#DAD0E2
#D6D4E2
#D2D8E2
#CDDCE3
#C8E1E3
Colorpallet from #E3E1C8 to #E1E3C8 and to #E1C8E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E0C9
#E3E0C9
#E3DFCA
#E3DECB
#E3DECB
#E3DDCC
#E2E2C8
#E2E1C9
#E2DFCB
#E2DECC
#E2DCCE
#E2DBCF
#E2D9D1
#E2E2C8
#E2E0CA
#E2DECC
#E2DCCE
#E2DAD0
#E2D8D2
#E2D5D5
#E2E2C8
#E2DFCB
#E2DDCD
#E2DAD0
#E2D7D3
#E2D4D6
#E2D1D9
#E1E3C8
#E1DFCC
#E1DCCF
#E1D8D3
#E1D5D6
#E1D1DA
#E1CDDE
#E1E3C8
#E1DFCC
#E1DAD1
#E1D6D5
#E1D2D9
#E1CDDE
#E1C8E3
Colorpallet from #E3E1C8 to #E1E3C8 and to #C8E3E1
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E2E1C9
#E2E1C9
#E1E1CA
#E0E1CB
#E0E1CB
#DFE1CC
#E2E2C8
#E1E2C9
#DFE2CB
#DEE2CC
#DDE2CD
#DCE2CE
#DAE2D0
#E2E2C8
#E0E2CA
#DEE2CC
#DCE2CE
#DAE2D0
#D8E2D2
#D6E2D4
#E2E2C8
#DFE2CB
#DDE2CD
#DAE2D0
#D8E2D2
#D5E2D5
#D2E2D8
#E1E3C8
#DEE3CB
#DBE3CE
#D7E3D2
#D4E3D5
#D1E3D8
#CDE3DC
#E1E3C8
#DDE3CC
#D9E3D0
#D5E3D4
#D1E3D8
#CDE3DC
#C8E3E1
Colorpallet from #E3E1C8 to #E1E3C8 and to #C8E1E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E2E1C9
#E2E1C9
#E1E1CA
#E0E1CB
#E0E1CB
#DFE1CC
#E2E2C8
#E1E2C9
#DFE2CB
#DEE2CC
#DDE1CE
#DCE1CF
#DAE1D1
#E2E2C8
#E0E2CA
#DEE2CC
#DCE2CE
#DAE1D0
#D8E1D2
#D6E1D5
#E2E2C8
#DFE2CB
#DDE2CD
#DAE2D0
#D8E1D3
#D5E1D6
#D2E1D9
#E1E3C8
#DEE3CC
#DBE2CF
#D7E2D3
#D4E2D6
#D1E1DA
#CDE1DE
#E1E3C8
#DDE3CC
#D9E2D1
#D5E2D5
#D1E2D9
#CDE1DE
#C8E1E3
Colorpallet from #E3E1C8 to #E1C8E3 and to #C8E3E1
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E2DECC
#E2DECC
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#E2D9D1
#E1DAD1
#DFDCD1
#DEDDD1
#DDDFD0
#DCE0D0
#DAE2D0
#E2D5D5
#E0D7D5
#DED9D5
#DCDBD5
#DADDD4
#D8DFD4
#D6E2D4
#E2D1D9
#DFD4D9
#DDD6D9
#DAD9D9
#D8DCD8
#D5DFD8
#D2E2D8
#E1CDDE
#DED1DE
#DBD4DD
#D7D8DD
#D4DBDD
#D1DFDC
#CDE3DC
#E1C8E3
#DDCCE3
#D9D1E2
#D5D5E2
#D1D9E2
#CDDEE1
#C8E3E1
Colorpallet from #E3E1C8 to #E1C8E3 and to #C8E1E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3DDCC
#E2DECC
#E2DECC
#E1DFCC
#E0E0CC
#E0E0CC
#DFE1CC
#E2D9D1
#E1DAD1
#DFDCD1
#DEDDD1
#DDDED1
#DCDFD1
#DAE1D1
#E2D5D5
#E0D7D5
#DED9D5
#DCDBD5
#DADDD5
#D8DFD5
#D6E1D5
#E2D1D9
#DFD4D9
#DDD6D9
#DAD9D9
#D8DBD9
#D5DED9
#D2E1D9
#E1CDDE
#DED0DE
#DBD3DE
#D7D7DE
#D4DADE
#D1DDDE
#CDE1DE
#E1C8E3
#DDCCE3
#D9D0E3
#D5D4E3
#D1D8E3
#CDDCE3
#C8E1E3
Colorpallet from #E3E1C8 to #C8E3E1 and to #C8E1E3
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#E3E1C8
#DFE1CC
#DFE1CC
#DFE1CC
#DFE1CC
#DFE1CC
#DFE1CC
#DFE1CC
#DAE2D0
#DAE2D0
#DAE2D0
#DAE2D0
#DAE1D1
#DAE1D1
#DAE1D1
#D6E2D4
#D6E2D4
#D6E2D4
#D6E2D4
#D6E1D5
#D6E1D5
#D6E1D5
#D2E2D8
#D2E2D8
#D2E2D8
#D2E2D8
#D2E1D9
#D2E1D9
#D2E1D9
#CDE3DC
#CDE3DC
#CDE2DD
#CDE2DD
#CDE2DD
#CDE1DE
#CDE1DE
#C8E3E1
#C8E3E1
#C8E2E2
#C8E2E2
#C8E2E2
#C8E1E3
#C8E1E3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts