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 #CFD4EC to #CFECD4 and to #D4CFEC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD8E8
#CFD7E9
#CFD6E9
#CFD6EA
#D0D5EB
#D0D4EB
#D0D3EC
#CFDCE4
#CFDAE5
#D0D9E7
#D0D7E8
#D0D6E9
#D1D4EA
#D1D2EC
#CFE0E0
#CFDEE2
#D0DCE4
#D0D9E6
#D0D7E8
#D1D5EA
#D1D2EC
#CFE3DD
#CFE0DF
#D0DDE2
#D0DAE4
#D1D7E7
#D1D5E9
#D2D1EC
#CFE7D9
#D0E3DC
#D0E0DF
#D1DCE2
#D2D8E5
#D2D5E8
#D3D0EC
#CFECD4
#D0E7D8
#D1E3DC
#D1DEE0
#D2D9E3
#D3D5E7
#D4CFEC
Colorpallet from #CFD4EC to #CFECD4 and to #D4ECCF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD8E8
#CFD8E8
#CFD8E8
#CFD8E8
#D0D8E7
#D0D8E7
#D0D8E7
#CFDCE4
#CFDCE4
#D0DCE4
#D0DCE4
#D0DCE3
#D1DCE3
#D1DCE3
#CFE0E0
#CFE0E0
#D0E0DF
#D0E0DF
#D0E0DF
#D1E0DE
#D1E0DE
#CFE3DD
#CFE3DC
#D0E3DC
#D0E3DB
#D1E3DA
#D1E3DA
#D2E3D9
#CFE7D9
#D0E7D8
#D0E7D8
#D1E7D7
#D2E7D6
#D2E7D6
#D3E7D5
#CFECD4
#D0ECD3
#D1ECD2
#D1ECD2
#D2ECD1
#D3ECD0
#D4ECCF
Colorpallet from #CFD4EC to #CFECD4 and to #ECCFD4
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD8E8
#D0D7E8
#D1D6E8
#D1D6E8
#D2D5E8
#D3D4E8
#D4D3E8
#CFDCE4
#D0DAE4
#D2D9E4
#D3D7E4
#D5D6E4
#D6D4E4
#D8D2E4
#CFE0E0
#D1DEE0
#D3DCE0
#D6D9E0
#D8D7E0
#DAD5E0
#DDD2E0
#CFE3DD
#D2E0DD
#D5DDDD
#D8DADD
#DBD7DD
#DED5DD
#E2D1DD
#CFE7D9
#D3E3D9
#D6E0D9
#DADCD9
#DED8D9
#E1D5D9
#E6D0D9
#CFECD4
#D4E7D4
#D8E3D4
#DDDED4
#E2D9D4
#E6D5D4
#ECCFD4
Colorpallet from #CFD4EC to #CFECD4 and to #ECD4CF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD8E8
#D0D7E8
#D1D7E8
#D1D6E8
#D2D5E7
#D3D5E7
#D4D4E7
#CFDCE4
#D0DBE4
#D2D9E4
#D3D8E4
#D5D7E3
#D6D6E3
#D8D4E3
#CFE0E0
#D1DEE0
#D3DCDF
#D6DADF
#D8D8DF
#DAD6DE
#DDD4DE
#CFE3DD
#D2E1DC
#D5DEDC
#D8DCDB
#DBD9DA
#DED7DA
#E2D4D9
#CFE7D9
#D3E4D8
#D6E1D8
#DADED7
#DEDBD6
#E1D8D6
#E6D4D5
#CFECD4
#D4E8D3
#D8E4D2
#DDE0D2
#E2DDD1
#E6D9D0
#ECD4CF
Colorpallet from #CFD4EC to #D4CFEC and to #D4ECCF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D0D3EC
#D0D4EB
#D0D5EA
#D0D5EA
#D0D6E9
#D0D7E8
#D0D8E7
#D1D2EC
#D1D4EB
#D1D5E9
#D1D7E8
#D1D8E6
#D1DAE5
#D1DCE3
#D1D2EC
#D1D4EA
#D1D6E8
#D1D9E5
#D1DBE3
#D1DDE1
#D1E0DE
#D2D1EC
#D2D4E9
#D2D7E6
#D2DAE3
#D2DDE0
#D2DFDD
#D2E3D9
#D3D0EC
#D3D4E8
#D3D7E5
#D3DBE1
#D3DFDD
#D3E2DA
#D3E7D5
#D4CFEC
#D4D4E7
#D4D8E3
#D4DDDE
#D4E2D9
#D4E6D5
#D4ECCF
Colorpallet from #CFD4EC to #D4CFEC and to #ECCFD4
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D0D3EC
#D1D3EB
#D1D3EB
#D2D3EA
#D3D3E9
#D3D3E9
#D4D3E8
#D1D2EC
#D2D2EB
#D3D2E9
#D4D2E8
#D5D2E7
#D7D2E6
#D8D2E4
#D1D2EC
#D3D2EA
#D5D2E8
#D7D2E6
#D9D2E4
#DBD2E2
#DDD2E0
#D2D1EC
#D5D1EA
#D7D1E7
#DAD1E5
#DCD1E2
#DFD1E0
#E2D1DD
#D3D0EC
#D6D0E9
#D9D0E6
#DCD0E3
#DFD0E0
#E2D0DD
#E6D0D9
#D4CFEC
#D8CFE8
#DCCFE4
#E0CFE0
#E3CFDD
#E7CFD9
#ECCFD4
Colorpallet from #CFD4EC to #D4CFEC and to #ECD4CF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D0D3EC
#D1D3EB
#D1D3EA
#D2D3EA
#D3D4E9
#D3D4E8
#D4D4E7
#D1D2EC
#D2D2EB
#D3D3E9
#D4D3E8
#D5D3E6
#D7D4E5
#D8D4E3
#D1D2EC
#D3D2EA
#D5D3E8
#D7D3E5
#D9D3E3
#DBD4E1
#DDD4DE
#D2D1EC
#D5D1E9
#D7D2E6
#DAD2E3
#DCD3E0
#DFD3DD
#E2D4D9
#D3D0EC
#D6D1E8
#D9D1E5
#DCD2E1
#DFD3DD
#E2D3DA
#E6D4D5
#D4CFEC
#D8D0E7
#DCD1E3
#E0D1DE
#E3D2D9
#E7D3D5
#ECD4CF
Colorpallet from #CFD4EC to #D4ECCF and to #ECCFD4
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D0D8E7
#D1D7E7
#D1D6E7
#D2D6E7
#D3D5E8
#D3D4E8
#D4D3E8
#D1DCE3
#D2DAE3
#D3D9E3
#D4D7E3
#D5D6E4
#D7D4E4
#D8D2E4
#D1E0DE
#D3DEDE
#D5DCDF
#D7D9DF
#D9D7DF
#DBD5E0
#DDD2E0
#D2E3D9
#D5E0DA
#D7DDDA
#DADADB
#DCD7DC
#DFD5DC
#E2D1DD
#D3E7D5
#D6E3D6
#D9E0D6
#DCDCD7
#DFD8D8
#E2D5D8
#E6D0D9
#D4ECCF
#D8E7D0
#DCE3D1
#E0DED1
#E3D9D2
#E7D5D3
#ECCFD4
Colorpallet from #CFD4EC to #D4ECCF and to #ECD4CF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D0D8E7
#D1D7E7
#D1D7E7
#D2D6E7
#D3D5E7
#D3D5E7
#D4D4E7
#D1DCE3
#D2DBE3
#D3D9E3
#D4D8E3
#D5D7E3
#D7D6E3
#D8D4E3
#D1E0DE
#D3DEDE
#D5DCDE
#D7DADE
#D9D8DE
#DBD6DE
#DDD4DE
#D2E3D9
#D5E1D9
#D7DED9
#DADCD9
#DCD9D9
#DFD7D9
#E2D4D9
#D3E7D5
#D6E4D5
#D9E1D5
#DCDED5
#DFDBD5
#E2D8D5
#E6D4D5
#D4ECCF
#D8E8CF
#DCE4CF
#E0E0CF
#E3DDCF
#E7D9CF
#ECD4CF
Colorpallet from #CFD4EC to #ECCFD4 and to #ECD4CF
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#CFD4EC
#D4D3E8
#D4D3E8
#D4D3E8
#D4D3E8
#D4D4E7
#D4D4E7
#D4D4E7
#D8D2E4
#D8D2E4
#D8D3E4
#D8D3E4
#D8D3E3
#D8D4E3
#D8D4E3
#DDD2E0
#DDD2E0
#DDD3DF
#DDD3DF
#DDD3DF
#DDD4DE
#DDD4DE
#E2D1DD
#E2D1DC
#E2D2DC
#E2D2DB
#E2D3DA
#E2D3DA
#E2D4D9
#E6D0D9
#E6D1D8
#E6D1D8
#E6D2D7
#E6D3D6
#E6D3D6
#E6D4D5
#ECCFD4
#ECD0D3
#ECD1D2
#ECD1D2
#ECD2D1
#ECD3D0
#ECD4CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts