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 #E4E2C8 to #E4C8E2 and to #E2E4C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E4DFCB
#E4DFCB
#E4E0CA
#E4E1C9
#E4E1C9
#E4E2C8
#E4DAD0
#E4DBCF
#E4DDCD
#E4DECC
#E3E0CB
#E3E1CA
#E3E3C8
#E4D6D4
#E4D8D2
#E4DAD0
#E4DCCE
#E3DECC
#E3E0CA
#E3E3C8
#E4D1D9
#E4D4D6
#E4D7D4
#E4DAD1
#E3DDCE
#E3DFCB
#E3E3C8
#E4CDDD
#E4D1DA
#E3D4D6
#E3D8D3
#E3DCD0
#E2DFCC
#E2E4C8
#E4C8E2
#E4CCDE
#E3D1DA
#E3D5D6
#E3DAD1
#E2DECD
#E2E4C8
Colorpallet from #E4E2C8 to #E4C8E2 and to #E2C8E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E4DECC
#E4DECC
#E4DECC
#E4DECC
#E4DECC
#E4DECC
#E4DAD0
#E4DAD0
#E4DAD0
#E4DAD0
#E3DAD1
#E3DAD1
#E3DAD1
#E4D6D4
#E4D6D4
#E4D6D4
#E4D6D4
#E3D6D5
#E3D6D5
#E3D6D5
#E4D1D9
#E4D1D9
#E4D1D9
#E4D1D9
#E3D1DA
#E3D1DA
#E3D1DA
#E4CDDD
#E4CDDD
#E3CDDD
#E3CDDD
#E3CDDE
#E2CDDE
#E2CDDE
#E4C8E2
#E4C8E2
#E3C8E3
#E3C8E3
#E3C8E3
#E2C8E4
#E2C8E4
Colorpallet from #E4E2C8 to #E4C8E2 and to #C8E4E2
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E3DFCC
#E3DFCC
#E2E0CC
#E1E1CC
#E1E1CC
#E0E2CC
#E4DAD0
#E3DBD0
#E1DDD0
#E0DED0
#DEE0D0
#DDE1D0
#DBE3D0
#E4D6D4
#E2D8D4
#E0DAD4
#DEDCD4
#DCDED4
#DAE0D4
#D7E3D4
#E4D1D9
#E1D4D9
#DED7D9
#DBDAD9
#D8DDD9
#D6DFD9
#D2E3D9
#E4CDDD
#E0D1DD
#DDD4DD
#D9D8DD
#D6DCDD
#D2DFDD
#CEE4DD
#E4C8E2
#E0CCE2
#DBD1E2
#D7D5E2
#D2DAE2
#CEDEE2
#C8E4E2
Colorpallet from #E4E2C8 to #E4C8E2 and to #C8E2E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E3DFCC
#E3DFCC
#E2E0CC
#E1E1CC
#E1E1CC
#E0E2CC
#E4DAD0
#E3DBD0
#E1DDD0
#E0DED0
#DEDFD1
#DDE0D1
#DBE2D1
#E4D6D4
#E2D8D4
#E0DAD4
#DEDCD4
#DCDED5
#DAE0D5
#D7E2D5
#E4D1D9
#E1D4D9
#DED6D9
#DBD9D9
#D8DCDA
#D6DFDA
#D2E2DA
#E4CDDD
#E0D0DD
#DDD4DD
#D9D7DD
#D6DADE
#D2DEDE
#CEE2DE
#E4C8E2
#E0CCE2
#DBD0E3
#D7D4E3
#D2D9E3
#CEDDE4
#C8E2E4
Colorpallet from #E4E2C8 to #E2E4C8 and to #E2C8E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E1C9
#E4E1C9
#E4E0CA
#E4DFCB
#E4DFCB
#E4DECC
#E3E3C8
#E3E2C9
#E3E0CB
#E3DFCC
#E3DDCE
#E3DCCF
#E3DAD1
#E3E3C8
#E3E1CA
#E3DFCC
#E3DDCE
#E3DBD0
#E3D9D2
#E3D6D5
#E3E3C8
#E3E0CB
#E3DDCE
#E3DAD1
#E3D7D4
#E3D5D6
#E3D1DA
#E2E4C8
#E2E0CC
#E2DDCF
#E2D9D3
#E2D5D6
#E2D2DA
#E2CDDE
#E2E4C8
#E2E0CC
#E2DBD1
#E2D7D5
#E2D2DA
#E2CEDE
#E2C8E4
Colorpallet from #E4E2C8 to #E2E4C8 and to #C8E4E2
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E3E2C9
#E3E2C9
#E2E2CA
#E1E2CB
#E1E2CB
#E0E2CC
#E3E3C8
#E2E3C9
#E0E3CB
#DFE3CC
#DEE3CD
#DDE3CE
#DBE3D0
#E3E3C8
#E1E3CA
#DFE3CC
#DDE3CE
#DBE3D0
#D9E3D2
#D7E3D4
#E3E3C8
#E0E3CB
#DEE3CD
#DBE3D0
#D8E3D3
#D5E3D6
#D2E3D9
#E2E4C8
#DFE4CB
#DCE4CF
#D8E4D2
#D5E4D5
#D2E4D9
#CEE4DD
#E2E4C8
#DEE4CC
#DAE4D0
#D6E4D4
#D1E4D9
#CDE4DD
#C8E4E2
Colorpallet from #E4E2C8 to #E2E4C8 and to #C8E2E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E3E2C9
#E3E2C9
#E2E2CA
#E1E2CB
#E1E2CB
#E0E2CC
#E3E3C8
#E2E3C9
#E0E3CB
#DFE3CC
#DEE2CE
#DDE2CF
#DBE2D1
#E3E3C8
#E1E3CA
#DFE3CC
#DDE3CE
#DBE2D0
#D9E2D2
#D7E2D5
#E3E3C8
#E0E3CB
#DEE3CE
#DBE3D1
#D8E2D4
#D5E2D6
#D2E2DA
#E2E4C8
#DFE4CC
#DCE3CF
#D8E3D3
#D5E3D6
#D2E2DA
#CEE2DE
#E2E4C8
#DEE4CC
#DAE3D1
#D6E3D5
#D1E3DA
#CDE2DE
#C8E2E4
Colorpallet from #E4E2C8 to #E2C8E4 and to #C8E4E2
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E3DFCC
#E3DFCC
#E2E0CC
#E1E1CC
#E1E1CC
#E0E2CC
#E3DAD1
#E2DBD1
#E0DDD1
#DFDED1
#DEE0D0
#DDE1D0
#DBE3D0
#E3D6D5
#E1D8D5
#DFDAD5
#DDDCD5
#DBDED4
#D9E0D4
#D7E3D4
#E3D1DA
#E0D4DA
#DED7DA
#DBDADA
#D8DDD9
#D5DFD9
#D2E3D9
#E2CDDE
#DFD1DE
#DCD4DE
#D8D8DE
#D5DCDD
#D2DFDD
#CEE4DD
#E2C8E4
#DECCE4
#DAD1E3
#D6D5E3
#D1DAE3
#CDDEE2
#C8E4E2
Colorpallet from #E4E2C8 to #E2C8E4 and to #C8E2E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4DECC
#E3DFCC
#E3DFCC
#E2E0CC
#E1E1CC
#E1E1CC
#E0E2CC
#E3DAD1
#E2DBD1
#E0DDD1
#DFDED1
#DEDFD1
#DDE0D1
#DBE2D1
#E3D6D5
#E1D8D5
#DFDAD5
#DDDCD5
#DBDED5
#D9E0D5
#D7E2D5
#E3D1DA
#E0D4DA
#DED6DA
#DBD9DA
#D8DCDA
#D5DFDA
#D2E2DA
#E2CDDE
#DFD0DE
#DCD4DE
#D8D7DE
#D5DADE
#D2DEDE
#CEE2DE
#E2C8E4
#DECCE4
#DAD0E4
#D6D4E4
#D1D9E4
#CDDDE4
#C8E2E4
Colorpallet from #E4E2C8 to #C8E4E2 and to #C8E2E4
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E4E2C8
#E0E2CC
#E0E2CC
#E0E2CC
#E0E2CC
#E0E2CC
#E0E2CC
#E0E2CC
#DBE3D0
#DBE3D0
#DBE3D0
#DBE3D0
#DBE2D1
#DBE2D1
#DBE2D1
#D7E3D4
#D7E3D4
#D7E3D4
#D7E3D4
#D7E2D5
#D7E2D5
#D7E2D5
#D2E3D9
#D2E3D9
#D2E3D9
#D2E3D9
#D2E2DA
#D2E2DA
#D2E2DA
#CEE4DD
#CEE4DD
#CEE3DD
#CEE3DD
#CEE3DE
#CEE2DE
#CEE2DE
#C8E4E2
#C8E4E2
#C8E3E3
#C8E3E3
#C8E3E3
#C8E2E4
#C8E2E4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts