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 #CFD6EB to #CFEBD6 and to #D6CFEB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD9E8
#CFD8E8
#CFD8E9
#CFD7E9
#D0D6EA
#D0D6EA
#D0D5EB
#CFDDE4
#CFDCE5
#D0DAE6
#D0D9E7
#D0D7E8
#D1D6EA
#D1D4EB
#CFE0E1
#CFDEE3
#D0DCE4
#D0DAE6
#D1D8E7
#D1D6E9
#D2D3EB
#CFE3DE
#D0E0E0
#D0DEE2
#D1DBE4
#D2D8E6
#D2D5E8
#D3D2EB
#CFE7DA
#D0E3DD
#D1E0DF
#D2DCE2
#D3D8E5
#D4D5E8
#D5D0EB
#CFEBD6
#D0E7D9
#D1E2DD
#D2DEE0
#D3D9E3
#D5D5E7
#D6CFEB
Colorpallet from #CFD6EB to #CFEBD6 and to #D6EBCF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD9E8
#CFD9E8
#CFD9E8
#CFD9E8
#D0D9E7
#D0D9E7
#D0D9E7
#CFDDE4
#CFDDE4
#D0DDE3
#D0DDE3
#D0DDE3
#D1DDE2
#D1DDE2
#CFE0E1
#CFE0E1
#D0E0E0
#D0E0E0
#D1E0DF
#D1E0DF
#D2E0DE
#CFE3DE
#D0E3DD
#D0E3DC
#D1E3DC
#D2E3DB
#D2E3DA
#D3E3D9
#CFE7DA
#D0E7D9
#D1E7D8
#D2E7D8
#D3E7D7
#D4E7D6
#D5E7D5
#CFEBD6
#D0EBD5
#D1EBD4
#D2EBD3
#D3EBD2
#D5EBD0
#D6EBCF
Colorpallet from #CFD6EB to #CFEBD6 and to #EBCFD6
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD9E8
#D0D8E8
#D0D8E8
#D1D7E8
#D2D6E8
#D2D6E8
#D3D5E8
#CFDDE4
#D0DCE4
#D2DAE4
#D3D9E4
#D5D7E4
#D6D6E4
#D8D4E4
#CFE0E1
#D1DEE1
#D3DCE1
#D5DAE1
#D7D8E1
#D9D6E1
#DCD3E1
#CFE3DE
#D2E0DE
#D5DEDE
#D8DBDE
#DBD8DE
#DDD5DE
#E1D2DE
#CFE7DA
#D3E3DA
#D6E0DA
#DADCDA
#DDD8DA
#E1D5DA
#E5D0DA
#CFEBD6
#D3E7D6
#D8E2D6
#DCDED6
#E1D9D6
#E5D5D6
#EBCFD6
Colorpallet from #CFD6EB to #CFEBD6 and to #EBD6CF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD9E8
#D0D9E8
#D0D8E8
#D1D8E8
#D2D7E7
#D2D7E7
#D3D6E7
#CFDDE4
#D0DCE4
#D2DBE3
#D3DAE3
#D5D9E3
#D6D7E2
#D8D6E2
#CFE0E1
#D1DEE1
#D3DDE0
#D5DBE0
#D7DADF
#D9D8DF
#DCD6DE
#CFE3DE
#D2E1DD
#D5DFDC
#D8DDDC
#DBDBDB
#DDD9DA
#E1D6D9
#CFE7DA
#D3E4D9
#D6E2D8
#DADFD8
#DDDCD7
#E1D9D6
#E5D6D5
#CFEBD6
#D3E8D5
#D8E4D4
#DCE1D3
#E1DED2
#E5DAD0
#EBD6CF
Colorpallet from #CFD6EB to #D6CFEB and to #D6EBCF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D0D5EB
#D0D6EA
#D0D6EA
#D0D7E9
#D0D8E8
#D0D8E8
#D0D9E7
#D1D4EB
#D1D5EA
#D1D7E8
#D1D8E7
#D1DAE5
#D1DBE4
#D1DDE2
#D2D3EB
#D2D5E9
#D2D7E7
#D2D9E5
#D2DBE3
#D2DDE1
#D2E0DE
#D3D2EB
#D3D5E8
#D3D7E5
#D3DAE2
#D3DDDF
#D3E0DD
#D3E3D9
#D5D0EB
#D5D4E7
#D5D7E4
#D5DBE0
#D5DFDD
#D5E2D9
#D5E7D5
#D6CFEB
#D6D3E7
#D6D8E2
#D6DCDE
#D6E1D9
#D6E5D5
#D6EBCF
Colorpallet from #CFD6EB to #D6CFEB and to #EBCFD6
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D0D5EB
#D0D5EB
#D1D5EA
#D1D5EA
#D2D5E9
#D2D5E9
#D3D5E8
#D1D4EB
#D2D4EA
#D3D4E9
#D4D4E8
#D5D4E7
#D7D4E5
#D8D4E4
#D2D3EB
#D4D3E9
#D5D3E8
#D7D3E6
#D8D3E5
#DAD3E3
#DCD3E1
#D3D2EB
#D5D2E9
#D7D2E7
#DAD2E5
#DCD2E3
#DED2E1
#E1D2DE
#D5D0EB
#D8D0E8
#DAD0E6
#DDD0E3
#DFD0E0
#E2D0DD
#E5D0DA
#D6CFEB
#D9CFE8
#DDCFE4
#E0CFE1
#E3CFDE
#E7CFDA
#EBCFD6
Colorpallet from #CFD6EB to #D6CFEB and to #EBD6CF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D0D5EB
#D0D5EA
#D1D5EA
#D1D5E9
#D2D6E8
#D2D6E8
#D3D6E7
#D1D4EB
#D2D4EA
#D3D5E8
#D4D5E7
#D5D5E5
#D7D6E4
#D8D6E2
#D2D3EB
#D4D3E9
#D5D4E7
#D7D4E5
#D8D5E3
#DAD5E1
#DCD6DE
#D3D2EB
#D5D3E8
#D7D3E5
#DAD4E2
#DCD5DF
#DED5DD
#E1D6D9
#D5D0EB
#D8D1E7
#DAD2E4
#DDD3E0
#DFD4DD
#E2D5D9
#E5D6D5
#D6CFEB
#D9D0E7
#DDD1E2
#E0D2DE
#E3D3D9
#E7D5D5
#EBD6CF
Colorpallet from #CFD6EB to #D6EBCF and to #EBCFD6
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D0D9E7
#D0D8E7
#D1D8E7
#D1D7E7
#D2D6E8
#D2D6E8
#D3D5E8
#D1DDE2
#D2DCE2
#D3DAE3
#D4D9E3
#D5D7E3
#D7D6E4
#D8D4E4
#D2E0DE
#D4DEDE
#D5DCDF
#D7DADF
#D8D8E0
#DAD6E0
#DCD3E1
#D3E3D9
#D5E0DA
#D7DEDB
#DADBDB
#DCD8DC
#DED5DD
#E1D2DE
#D5E7D5
#D8E3D6
#DAE0D7
#DDDCD7
#DFD8D8
#E2D5D9
#E5D0DA
#D6EBCF
#D9E7D0
#DDE2D1
#E0DED2
#E3D9D3
#E7D5D5
#EBCFD6
Colorpallet from #CFD6EB to #D6EBCF and to #EBD6CF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D0D9E7
#D0D9E7
#D1D8E7
#D1D8E7
#D2D7E7
#D2D7E7
#D3D6E7
#D1DDE2
#D2DCE2
#D3DBE2
#D4DAE2
#D5D9E2
#D7D7E2
#D8D6E2
#D2E0DE
#D4DEDE
#D5DDDE
#D7DBDE
#D8DADE
#DAD8DE
#DCD6DE
#D3E3D9
#D5E1D9
#D7DFD9
#DADDD9
#DCDBD9
#DED9D9
#E1D6D9
#D5E7D5
#D8E4D5
#DAE2D5
#DDDFD5
#DFDCD5
#E2D9D5
#E5D6D5
#D6EBCF
#D9E8CF
#DDE4CF
#E0E1CF
#E3DECF
#E7DACF
#EBD6CF
Colorpallet from #CFD6EB to #EBCFD6 and to #EBD6CF
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#CFD6EB
#D3D5E8
#D3D5E8
#D3D5E8
#D3D5E8
#D3D6E7
#D3D6E7
#D3D6E7
#D8D4E4
#D8D4E4
#D8D5E3
#D8D5E3
#D8D5E3
#D8D6E2
#D8D6E2
#DCD3E1
#DCD3E1
#DCD4E0
#DCD4E0
#DCD5DF
#DCD5DF
#DCD6DE
#E1D2DE
#E1D3DD
#E1D3DC
#E1D4DC
#E1D5DB
#E1D5DA
#E1D6D9
#E5D0DA
#E5D1D9
#E5D2D8
#E5D3D8
#E5D4D7
#E5D5D6
#E5D6D5
#EBCFD6
#EBD0D5
#EBD1D4
#EBD2D3
#EBD3D2
#EBD5D0
#EBD6CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts