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 #CDECD8 to #CDD8EC and to #ECCDD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDE9DB
#CEE9DB
#CFE8DA
#CFE8DA
#D0E8D9
#D1E7D9
#D2E7D8
#CDE6DE
#CFE5DD
#D0E5DC
#D2E4DB
#D3E3DA
#D5E3D9
#D7E2D8
#CDE2E2
#CFE1E0
#D2E0DF
#D4E0DD
#D7DFDC
#D9DEDA
#DCDDD8
#CDDFE5
#D0DEE3
#D3DDE1
#D7DCDF
#DADBDD
#DDD9DB
#E1D8D8
#CDDCE8
#D1DBE5
#D5D9E3
#D9D8E0
#DDD6DE
#E1D5DB
#E6D3D8
#CDD8EC
#D2D6E9
#D7D4E6
#DCD3E2
#E1D1DF
#E6CFDC
#ECCDD8
Colorpallet from #CDECD8 to #CDD8EC and to #ECD8CD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDE9DB
#CEE9DA
#CFE9D9
#CFE9D9
#D0E9D8
#D1E9D7
#D2E9D6
#CDE6DE
#CFE6DC
#D0E6DB
#D2E6D9
#D3E6D8
#D5E6D6
#D7E6D4
#CDE2E2
#CFE2E0
#D2E2DD
#D4E2DB
#D7E2D8
#D9E2D6
#DCE2D3
#CDDFE5
#D0DFE2
#D3DFDF
#D7DFDB
#DADFD8
#DDDFD5
#E1DFD1
#CDDCE8
#D1DCE4
#D5DCE0
#D9DCDC
#DDDCD8
#E1DCD4
#E6DCCF
#CDD8EC
#D2D8E7
#D7D8E2
#DCD8DD
#E1D8D8
#E6D8D3
#ECD8CD
Colorpallet from #CDECD8 to #CDD8EC and to #D8CDEC
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDE9DB
#CDE9DB
#CEE8DB
#CEE8DB
#CEE8DB
#CFE7DB
#CFE7DB
#CDE6DE
#CEE5DE
#CEE5DE
#CFE4DE
#D0E3DE
#D0E3DE
#D1E2DE
#CDE2E2
#CEE1E2
#CFE0E2
#CFE0E2
#D0DFE2
#D1DEE2
#D2DDE2
#CDDFE5
#CEDEE5
#CFDDE5
#D0DCE5
#D1DBE5
#D3D9E5
#D4D8E5
#CDDCE8
#CEDBE8
#D0D9E8
#D1D8E8
#D3D6E8
#D4D5E8
#D6D3E8
#CDD8EC
#CFD6EC
#D1D4EC
#D2D3EC
#D4D1EC
#D6CFEC
#D8CDEC
Colorpallet from #CDECD8 to #CDD8EC and to #D8ECCD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDE9DB
#CDE9DA
#CEEAD9
#CEEAD9
#CEEBD8
#CFEBD7
#CFECD6
#CDE6DE
#CEE7DC
#CEE8DB
#CFE9D9
#D0EAD8
#D0EBD6
#D1ECD4
#CDE2E2
#CEE4E0
#CFE5DD
#CFE7DB
#D0E8D8
#D1EAD6
#D2ECD3
#CDDFE5
#CEE1E2
#CFE3DF
#D0E5DB
#D1E7D8
#D3E9D5
#D4ECD1
#CDDCE8
#CEDFE4
#D0E1E0
#D1E4DC
#D3E6D8
#D4E9D4
#D6ECCF
#CDD8EC
#CFDBE7
#D1DEE2
#D2E2DD
#D4E5D8
#D6E8D3
#D8ECCD
Colorpallet from #CDECD8 to #ECCDD8 and to #ECD8CD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#D2E7D8
#D2E7D8
#D2E8D7
#D2E8D7
#D2E8D7
#D2E9D6
#D2E9D6
#D7E2D8
#D7E3D7
#D7E3D7
#D7E4D6
#D7E5D5
#D7E5D5
#D7E6D4
#DCDDD8
#DCDED7
#DCDFD6
#DCDFD6
#DCE0D5
#DCE1D4
#DCE2D3
#E1D8D8
#E1D9D7
#E1DAD6
#E1DBD5
#E1DCD4
#E1DED2
#E1DFD1
#E6D3D8
#E6D4D7
#E6D6D5
#E6D7D4
#E6D9D2
#E6DAD1
#E6DCCF
#ECCDD8
#ECCFD6
#ECD1D4
#ECD2D3
#ECD4D1
#ECD6CF
#ECD8CD
Colorpallet from #CDECD8 to #ECCDD8 and to #D8CDEC
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#D2E7D8
#D2E7D8
#D1E7D9
#D1E7D9
#D0E7DA
#D0E7DA
#CFE7DB
#D7E2D8
#D6E2D9
#D5E2DA
#D4E2DB
#D3E2DC
#D2E2DD
#D1E2DE
#DCDDD8
#DADDDA
#D9DDDB
#D7DDDD
#D6DDDE
#D4DDE0
#D2DDE2
#E1D8D8
#DFD8DA
#DDD8DC
#DBD8DE
#D9D8E0
#D7D8E2
#D4D8E5
#E6D3D8
#E3D3DB
#E1D3DD
#DED3E0
#DCD3E2
#D9D3E5
#D6D3E8
#ECCDD8
#E9CDDB
#E6CDDE
#E2CDE2
#DFCDE5
#DCCDE8
#D8CDEC
Colorpallet from #CDECD8 to #ECCDD8 and to #D8ECCD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#D2E7D8
#D2E8D8
#D1E9D7
#D1E9D7
#D0EAD7
#D0EBD6
#CFECD6
#D7E2D8
#D6E4D7
#D5E5D7
#D4E7D6
#D3E8D5
#D2EAD5
#D1ECD4
#DCDDD8
#DADFD7
#D9E2D6
#D7E4D6
#D6E7D5
#D4E9D4
#D2ECD3
#E1D8D8
#DFDBD7
#DDDED6
#DBE2D5
#D9E5D4
#D7E8D2
#D4ECD1
#E6D3D8
#E3D7D7
#E1DBD5
#DEDFD4
#DCE3D2
#D9E7D1
#D6ECCF
#ECCDD8
#E9D2D6
#E6D7D4
#E2DCD3
#DFE1D1
#DCE6CF
#D8ECCD
Colorpallet from #CDECD8 to #ECD8CD and to #D8CDEC
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#D2E9D6
#D2E9D7
#D1E8D8
#D1E8D8
#D0E8D9
#D0E7DA
#CFE7DB
#D7E6D4
#D6E5D6
#D5E5D7
#D4E4D9
#D3E3DA
#D2E3DC
#D1E2DE
#DCE2D3
#DAE1D5
#D9E0D8
#D7E0DA
#D6DFDD
#D4DEDF
#D2DDE2
#E1DFD1
#DFDED4
#DDDDD7
#DBDCDB
#D9DBDE
#D7D9E1
#D4D8E5
#E6DCCF
#E3DBD3
#E1D9D7
#DED8DB
#DCD6DF
#D9D5E3
#D6D3E8
#ECD8CD
#E9D6D2
#E6D4D7
#E2D3DC
#DFD1E1
#DCCFE6
#D8CDEC
Colorpallet from #CDECD8 to #ECD8CD and to #D8ECCD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#D2E9D6
#D2E9D6
#D1EAD6
#D1EAD6
#D0EBD6
#D0EBD6
#CFECD6
#D7E6D4
#D6E7D4
#D5E8D4
#D4E9D4
#D3EAD4
#D2EBD4
#D1ECD4
#DCE2D3
#DAE4D3
#D9E5D3
#D7E7D3
#D6E8D3
#D4EAD3
#D2ECD3
#E1DFD1
#DFE1D1
#DDE3D1
#DBE5D1
#D9E7D1
#D7E9D1
#D4ECD1
#E6DCCF
#E3DFCF
#E1E1CF
#DEE4CF
#DCE6CF
#D9E9CF
#D6ECCF
#ECD8CD
#E9DBCD
#E6DECD
#E2E2CD
#DFE5CD
#DCE8CD
#D8ECCD
Colorpallet from #CDECD8 to #D8CDEC and to #D8ECCD
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CDECD8
#CFE7DB
#CFE8DA
#CFE9D9
#CFE9D9
#CFEAD8
#CFEBD7
#CFECD6
#D1E2DE
#D1E4DC
#D1E5DB
#D1E7D9
#D1E8D8
#D1EAD6
#D1ECD4
#D2DDE2
#D2DFE0
#D2E2DD
#D2E4DB
#D2E7D8
#D2E9D6
#D2ECD3
#D4D8E5
#D4DBE2
#D4DEDF
#D4E2DB
#D4E5D8
#D4E8D5
#D4ECD1
#D6D3E8
#D6D7E4
#D6DBE0
#D6DFDC
#D6E3D8
#D6E7D4
#D6ECCF
#D8CDEC
#D8D2E7
#D8D7E2
#D8DCDD
#D8E1D8
#D8E6D3
#D8ECCD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts