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 #DCE2CE to #DCCEE2 and to #E2DCCE
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DCDFD1#DCDFD1#DCE0D0#DCE0D0#DDE0CF#DDE1CF#DDE1CE
#DCDCD4#DCDDD3#DDDDD2#DDDED1#DDDFD0#DEDFCF#DEE0CE
#DCD8D8#DCD9D6#DDDAD5#DDDBD3#DEDCD2#DEDED0#DFDFCE
#DCD5DB#DDD6D9#DDD8D7#DED9D5#DFDBD3#DFDCD1#E0DECE
#DCD2DE#DDD4DB#DED6D9#DED7D6#DFD9D4#E0DBD1#E1DDCE
#DCCEE2#DDD0DF#DED2DC#DFD5D8#E0D7D5#E1D9D2#E2DCCE
Colorpallet from #DCE2CE to #DCCEE2 and to #E2CEDC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DCDFD1#DCDFD1#DCDFD1#DCDFD1#DDDFD0#DDDFD0#DDDFD0
#DCDCD4#DCDCD4#DDDCD3#DDDCD3#DDDCD3#DEDCD2#DEDCD2
#DCD8D8#DCD8D8#DDD8D7#DDD8D7#DED8D6#DED8D6#DFD8D5
#DCD5DB#DDD5DA#DDD5DA#DED5D9#DFD5D8#DFD5D8#E0D5D7
#DCD2DE#DDD2DD#DED2DC#DED2DC#DFD2DB#E0D2DA#E1D2D9
#DCCEE2#DDCEE1#DECEE0#DFCEDF#E0CEDE#E1CEDD#E2CEDC
Colorpallet from #DCE2CE to #DCCEE2 and to #CEDCE2
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DCDFD1#DCDFD1#DBE0D1#DBE0D1#DBE0D1#DAE1D1#DAE1D1
#DCDCD4#DBDDD4#DBDDD4#DADED4#D9DFD4#D9DFD4#D8E0D4
#DCD8D8#DBD9D8#DADAD8#D9DBD8#D8DCD8#D6DED8#D5DFD8
#DCD5DB#DBD6DB#D9D8DB#D8D9DB#D6DBDB#D5DCDB#D3DEDB
#DCD2DE#DAD4DE#D8D6DE#D7D7DE#D5D9DE#D3DBDE#D1DDDE
#DCCEE2#DAD0E2#D8D2E2#D5D5E2#D3D7E2#D1D9E2#CEDCE2
Colorpallet from #DCE2CE to #DCCEE2 and to #CEE2DC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DCDFD1#DCDFD1#DBE0D1#DBE0D1#DBE1D0#DAE1D0#DAE2D0
#DCDCD4#DBDDD4#DBDED3#DADFD3#D9E0D3#D9E1D2#D8E2D2
#DCD8D8#DBDAD8#DADBD7#D9DDD7#D8DED6#D6E0D6#D5E2D5
#DCD5DB#DBD7DA#D9D9DA#D8DBD9#D6DDD8#D5DFD8#D3E2D7
#DCD2DE#DAD5DD#D8D7DC#D7DADC#D5DCDB#D3DFDA#D1E2D9
#DCCEE2#DAD1E1#D8D4E0#D5D8DF#D3DBDE#D1DEDD#CEE2DC
Colorpallet from #DCE2CE to #E2DCCE and to #E2CEDC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DDE1CE#DDE1CE#DDE0CF#DDE0CF#DDE0CF#DDDFD0#DDDFD0
#DEE0CE#DEDFCF#DEDFCF#DEDED0#DEDDD1#DEDDD1#DEDCD2
#DFDFCE#DFDECF#DFDDD0#DFDCD1#DFDBD2#DFD9D4#DFD8D5
#E0DECE#E0DDCF#E0DBD1#E0DAD2#E0D8D4#E0D7D5#E0D5D7
#E1DDCE#E1DBD0#E1D9D2#E1D8D3#E1D6D5#E1D4D7#E1D2D9
#E2DCCE#E2DAD0#E2D8D2#E2D5D5#E2D3D7#E2D1D9#E2CEDC
Colorpallet from #DCE2CE to #E2DCCE and to #CEDCE2
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DDE1CE#DDE1CE#DCE1CF#DCE1CF#DBE1D0#DBE1D0#DAE1D1
#DEE0CE#DDE0CF#DCE0D0#DBE0D1#DAE0D2#D9E0D3#D8E0D4
#DFDFCE#DDDFD0#DCDFD1#DADFD3#D9DFD4#D7DFD6#D5DFD8
#E0DECE#DEDED0#DCDED2#DADED4#D8DED6#D6DED8#D3DEDB
#E1DDCE#DEDDD1#DCDDD3#D9DDD6#D7DDD8#D4DDDB#D1DDDE
#E2DCCE#DFDCD1#DCDCD4#D8DCD8#D5DCDB#D2DCDE#CEDCE2
Colorpallet from #DCE2CE to #E2DCCE and to #CEE2DC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DDE1CE#DDE1CE#DCE1CF#DCE1CF#DBE2CF#DBE2D0#DAE2D0
#DEE0CE#DDE0CF#DCE1CF#DBE1D0#DAE1D1#D9E2D1#D8E2D2
#DFDFCE#DDDFCF#DCE0D0#DAE0D1#D9E1D2#D7E1D4#D5E2D5
#E0DECE#DEDFCF#DCDFD1#DAE0D2#D8E1D4#D6E1D5#D3E2D7
#E1DDCE#DEDED0#DCDFD2#D9DFD3#D7E0D5#D4E1D7#D1E2D9
#E2DCCE#DFDDD0#DCDED2#D8DFD5#D5E0D7#D2E1D9#CEE2DC
Colorpallet from #DCE2CE to #E2CEDC and to #CEDCE2
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DDDFD0#DDDFD0#DCE0D0#DCE0D0#DBE0D1#DBE1D1#DAE1D1
#DEDCD2#DDDDD2#DCDDD3#DBDED3#DADFD3#D9DFD4#D8E0D4
#DFD8D5#DDD9D5#DCDAD6#DADBD6#D9DCD7#D7DED7#D5DFD8
#E0D5D7#DED6D8#DCD8D8#DAD9D9#D8DBDA#D6DCDA#D3DEDB
#E1D2D9#DED4DA#DCD6DB#D9D7DB#D7D9DC#D4DBDD#D1DDDE
#E2CEDC#DFD0DD#DCD2DE#D8D5DF#D5D7E0#D2D9E1#CEDCE2
Colorpallet from #DCE2CE to #E2CEDC and to #CEE2DC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DDDFD0#DDDFD0#DCE0D0#DCE0D0#DBE1D0#DBE1D0#DAE2D0
#DEDCD2#DDDDD2#DCDED2#DBDFD2#DAE0D2#D9E1D2#D8E2D2
#DFD8D5#DDDAD5#DCDBD5#DADDD5#D9DED5#D7E0D5#D5E2D5
#E0D5D7#DED7D7#DCD9D7#DADBD7#D8DDD7#D6DFD7#D3E2D7
#E1D2D9#DED5D9#DCD7D9#D9DAD9#D7DCD9#D4DFD9#D1E2D9
#E2CEDC#DFD1DC#DCD4DC#D8D8DC#D5DBDC#D2DEDC#CEE2DC
Colorpallet from #DCE2CE to #CEDCE2 and to #CEE2DC
#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE#DCE2CE
#DAE1D1#DAE1D1#DAE1D1#DAE1D1#DAE2D0#DAE2D0#DAE2D0
#D8E0D4#D8E0D4#D8E1D3#D8E1D3#D8E1D3#D8E2D2#D8E2D2
#D5DFD8#D5DFD8#D5E0D7#D5E0D7#D5E1D6#D5E1D6#D5E2D5
#D3DEDB#D3DFDA#D3DFDA#D3E0D9#D3E1D8#D3E1D8#D3E2D7
#D1DDDE#D1DEDD#D1DFDC#D1DFDC#D1E0DB#D1E1DA#D1E2D9
#CEDCE2#CEDDE1#CEDEE0#CEDFDF#CEE0DE#CEE1DD#CEE2DC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart