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 #CDD0F2 to #CDF2D0 and to #D0CDF2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5ED
#CDD4EE
#CDD3EF
#CDD3EF
#CDD2F0
#CDD1F1
#CDD0F2
#CDDBE7
#CDD9E9
#CDD7EB
#CDD5EC
#CED3EE
#CED1F0
#CECFF2
#CDE0E2
#CDDDE5
#CDDBE7
#CDD8EA
#CED5EC
#CED2EF
#CECFF2
#CDE6DC
#CDE2E0
#CEDEE3
#CEDAE7
#CED7EA
#CFD3EE
#CFCEF2
#CDEBD7
#CDE6DB
#CEE2E0
#CEDDE4
#CED8E8
#CFD4ED
#CFCEF2
#CDF2D0
#CDECD5
#CEE6DB
#CEE0E0
#CFDAE6
#CFD4EB
#D0CDF2
Colorpallet from #CDD0F2 to #CDF2D0 and to #D0F2CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5ED
#CDD5EC
#CDD5EC
#CDD5EC
#CDDBE7
#CDDBE7
#CDDBE7
#CDDBE7
#CEDBE6
#CEDBE6
#CEDBE6
#CDE0E2
#CDE0E2
#CDE0E1
#CDE0E1
#CEE0E1
#CEE0E0
#CEE0E0
#CDE6DC
#CDE6DC
#CEE6DB
#CEE6DB
#CEE6DB
#CFE6DA
#CFE6DA
#CDEBD7
#CDEBD7
#CEEBD6
#CEEBD6
#CEEBD5
#CFEBD5
#CFEBD4
#CDF2D0
#CDF2D0
#CEF2CF
#CEF2CF
#CFF2CE
#CFF2CE
#D0F2CD
Colorpallet from #CDD0F2 to #CDF2D0 and to #F2CDD0
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5ED
#CED4ED
#CFD3ED
#D0D3ED
#D1D2ED
#D2D1ED
#D3D0ED
#CDDBE7
#CFD9E7
#D1D7E7
#D3D5E7
#D5D3E7
#D7D1E7
#D9CFE7
#CDE0E2
#D0DDE2
#D3DBE2
#D6D8E2
#D9D5E2
#DBD2E2
#DFCFE2
#CDE6DC
#D1E2DC
#D5DEDC
#D9DADC
#DCD7DC
#E0D3DC
#E5CEDC
#CDEBD7
#D2E6D7
#D7E2D7
#DBDDD7
#E0D8D7
#E5D4D7
#EBCED7
#CDF2D0
#D3ECD0
#D9E6D0
#DFE0D0
#E5DAD0
#EBD4D0
#F2CDD0
Colorpallet from #CDD0F2 to #CDF2D0 and to #F2D0CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5ED
#CED4ED
#CFD3ED
#D0D3ED
#D1D2EC
#D2D1EC
#D3D0EC
#CDDBE7
#CFD9E7
#D1D7E7
#D3D6E7
#D5D4E6
#D7D2E6
#D9D0E6
#CDE0E2
#D0DDE2
#D3DBE1
#D6D8E1
#D9D6E1
#DBD3E0
#DFD0E0
#CDE6DC
#D1E2DC
#D5DFDB
#D9DBDB
#DCD8DB
#E0D4DA
#E5D0DA
#CDEBD7
#D2E7D7
#D7E2D6
#DBDED6
#E0DAD5
#E5D5D5
#EBD0D4
#CDF2D0
#D3EDD0
#D9E7CF
#DFE2CF
#E5DCCE
#EBD7CE
#F2D0CD
Colorpallet from #CDD0F2 to #D0CDF2 and to #D0F2CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD1F1
#CDD2F0
#CDD2EF
#CDD3EE
#CDD4ED
#CDD5EC
#CECFF2
#CED1F0
#CED3EE
#CED5EC
#CED7EA
#CED9E8
#CEDBE6
#CECFF2
#CED2EF
#CED4EC
#CED7E9
#CEDAE6
#CEDDE4
#CEE0E0
#CFCEF2
#CFD2EE
#CFD6EA
#CFDAE6
#CFDDE3
#CFE1DF
#CFE6DA
#CFCEF2
#CFD3ED
#CFD7E8
#CFDCE4
#CFE1DF
#CFE5DA
#CFEBD4
#D0CDF2
#D0D3EC
#D0D9E6
#D0DFE0
#D0E5DA
#D0EBD4
#D0F2CD
Colorpallet from #CDD0F2 to #D0CDF2 and to #F2CDD0
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CED0F1
#CFD0F0
#D0D0F0
#D1D0EF
#D2D0EE
#D3D0ED
#CECFF2
#D0CFF0
#D2CFEE
#D3CFED
#D5CFEB
#D7CFE9
#D9CFE7
#CECFF2
#D1CFEF
#D3CFED
#D6CFEA
#D9CFE8
#DCCFE5
#DFCFE2
#CFCEF2
#D3CEEE
#D6CEEB
#DACEE7
#DDCEE4
#E1CEE0
#E5CEDC
#CFCEF2
#D3CEEE
#D8CEE9
#DCCEE5
#E1CEE1
#E5CEDC
#EBCED7
#D0CDF2
#D5CDED
#DBCDE7
#E0CDE2
#E6CDDC
#EBCDD7
#F2CDD0
Colorpallet from #CDD0F2 to #D0CDF2 and to #F2D0CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CED0F1
#CFD0F0
#D0D0EF
#D1D0EE
#D2D0ED
#D3D0EC
#CECFF2
#D0CFF0
#D2CFEE
#D3CFEC
#D5D0EA
#D7D0E8
#D9D0E6
#CECFF2
#D1CFEF
#D3CFEC
#D6CFE9
#D9D0E6
#DCD0E4
#DFD0E0
#CFCEF2
#D3CEEE
#D6CFEA
#DACFE6
#DDCFE3
#E1D0DF
#E5D0DA
#CFCEF2
#D3CEED
#D8CFE8
#DCCFE4
#E1CFDF
#E5D0DA
#EBD0D4
#D0CDF2
#D5CDEC
#DBCEE6
#E0CEE0
#E6CFDA
#EBCFD4
#F2D0CD
Colorpallet from #CDD0F2 to #D0F2CD and to #F2CDD0
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5EC
#CED4EC
#CFD3EC
#D0D3EC
#D1D2ED
#D2D1ED
#D3D0ED
#CEDBE6
#D0D9E6
#D2D7E6
#D3D5E6
#D5D3E7
#D7D1E7
#D9CFE7
#CEE0E0
#D1DDE0
#D3DBE1
#D6D8E1
#D9D5E1
#DCD2E2
#DFCFE2
#CFE6DA
#D3E2DA
#D6DEDB
#DADADB
#DDD7DB
#E1D3DC
#E5CEDC
#CFEBD4
#D3E6D4
#D8E2D5
#DCDDD5
#E1D8D6
#E5D4D6
#EBCED7
#D0F2CD
#D5ECCD
#DBE6CE
#E0E0CE
#E6DACF
#EBD4CF
#F2CDD0
Colorpallet from #CDD0F2 to #D0F2CD and to #F2D0CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD5EC
#CED4EC
#CFD3EC
#D0D3EC
#D1D2EC
#D2D1EC
#D3D0EC
#CEDBE6
#D0D9E6
#D2D7E6
#D3D6E6
#D5D4E6
#D7D2E6
#D9D0E6
#CEE0E0
#D1DDE0
#D3DBE0
#D6D8E0
#D9D6E0
#DCD3E0
#DFD0E0
#CFE6DA
#D3E2DA
#D6DFDA
#DADBDA
#DDD8DA
#E1D4DA
#E5D0DA
#CFEBD4
#D3E7D4
#D8E2D4
#DCDED4
#E1DAD4
#E5D5D4
#EBD0D4
#D0F2CD
#D5EDCD
#DBE7CD
#E0E2CD
#E6DCCD
#EBD7CD
#F2D0CD
Colorpallet from #CDD0F2 to #F2CDD0 and to #F2D0CD
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#CDD0F2
#D3D0ED
#D3D0ED
#D3D0ED
#D3D0ED
#D3D0EC
#D3D0EC
#D3D0EC
#D9CFE7
#D9CFE7
#D9CFE7
#D9CFE7
#D9D0E6
#D9D0E6
#D9D0E6
#DFCFE2
#DFCFE2
#DFCFE1
#DFCFE1
#DFD0E1
#DFD0E0
#DFD0E0
#E5CEDC
#E5CEDC
#E5CFDB
#E5CFDB
#E5CFDB
#E5D0DA
#E5D0DA
#EBCED7
#EBCED7
#EBCFD6
#EBCFD6
#EBCFD5
#EBD0D5
#EBD0D4
#F2CDD0
#F2CDD0
#F2CECF
#F2CECF
#F2CFCE
#F2CFCE
#F2D0CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts