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 #CDD0F4 to #CDF4D0 and to #D0CDF4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CDD5EF
#CDD4F0
#CDD3F1
#CDD2F2
#CDD1F3
#CDD0F4
#CDDCE8
#CDDAEA
#CDD8EC
#CDD6EE
#CED4F0
#CED2F2
#CECFF4
#CDE1E3
#CDDEE6
#CDDBE8
#CDD8EB
#CED5EE
#CED3F1
#CECFF4
#CDE7DD
#CDE3E1
#CEDFE4
#CEDBE8
#CED7EC
#CFD3EF
#CFCEF4
#CDEDD7
#CDE8DC
#CEE3E0
#CEDEE5
#CED9EA
#CFD4EE
#CFCEF4
#CDF4D0
#CDEED6
#CEE8DC
#CEE1E1
#CFDBE7
#CFD5ED
#D0CDF4
Colorpallet from #CDD0F4 to #CDF4D0 and to #D0F4CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CDD6EE
#CDD6EE
#CDD6EE
#CDD6EE
#CDD6EE
#CDD6EE
#CDDCE8
#CDDCE8
#CDDCE8
#CDDCE8
#CEDCE8
#CEDCE8
#CEDCE8
#CDE1E3
#CDE1E3
#CDE1E2
#CDE1E2
#CEE1E2
#CEE1E1
#CEE1E1
#CDE7DD
#CDE7DD
#CEE7DC
#CEE7DC
#CEE7DC
#CFE7DB
#CFE7DB
#CDEDD7
#CDEDD7
#CEEDD6
#CEEDD6
#CEEDD6
#CFEDD5
#CFEDD5
#CDF4D0
#CDF4D0
#CEF4CF
#CEF4CF
#CFF4CE
#CFF4CE
#D0F4CD
Colorpallet from #CDD0F4 to #CDF4D0 and to #F4CDD0
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CED5EE
#CFD4EE
#D0D3EE
#D1D2EE
#D2D1EE
#D3D0EE
#CDDCE8
#CFDAE8
#D1D8E8
#D3D6E8
#D5D4E8
#D7D2E8
#D9CFE8
#CDE1E3
#D0DEE3
#D3DBE3
#D6D8E3
#D9D5E3
#DCD3E3
#E0CFE3
#CDE7DD
#D1E3DD
#D5DFDD
#D9DBDD
#DDD7DD
#E1D3DD
#E6CEDD
#CDEDD7
#D2E8D7
#D7E3D7
#DCDED7
#E1D9D7
#E6D4D7
#ECCED7
#CDF4D0
#D3EED0
#D9E8D0
#E0E1D0
#E6DBD0
#ECD5D0
#F4CDD0
Colorpallet from #CDD0F4 to #CDF4D0 and to #F4D0CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CED5EE
#CFD4EE
#D0D3EE
#D1D2EE
#D2D1EE
#D3D0EE
#CDDCE8
#CFDAE8
#D1D8E8
#D3D6E8
#D5D4E8
#D7D2E8
#D9D0E8
#CDE1E3
#D0DEE3
#D3DCE2
#D6D9E2
#D9D6E2
#DCD3E1
#E0D0E1
#CDE7DD
#D1E3DD
#D5E0DC
#D9DCDC
#DDD8DC
#E1D5DB
#E6D0DB
#CDEDD7
#D2E8D7
#D7E4D6
#DCDFD6
#E1DAD6
#E6D6D5
#ECD0D5
#CDF4D0
#D3EED0
#D9E8CF
#E0E3CF
#E6DDCE
#ECD7CE
#F4D0CD
Colorpallet from #CDD0F4 to #D0CDF4 and to #D0F4CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD1F3
#CDD2F2
#CDD3F1
#CDD4F0
#CDD5EF
#CDD6EE
#CECFF4
#CED1F2
#CED3F0
#CED5EE
#CED7EC
#CED9EA
#CEDCE8
#CECFF4
#CED2F1
#CED5EE
#CED8EB
#CEDBE8
#CEDDE5
#CEE1E1
#CFCEF4
#CFD2F0
#CFD6EC
#CFDAE8
#CFDEE4
#CFE2E0
#CFE7DB
#CFCEF4
#CFD3EF
#CFD8EA
#CFDDE5
#CFE2E0
#CFE7DB
#CFEDD5
#D0CDF4
#D0D3EE
#D0D9E8
#D0E0E1
#D0E6DB
#D0ECD5
#D0F4CD
Colorpallet from #CDD0F4 to #D0CDF4 and to #F4CDD0
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CED0F3
#CFD0F2
#D0D0F1
#D1D0F0
#D2D0EF
#D3D0EE
#CECFF4
#D0CFF2
#D2CFF0
#D3CFEE
#D5CFEC
#D7CFEA
#D9CFE8
#CECFF4
#D1CFF1
#D4CFEF
#D7CFEC
#DACFE9
#DCCFE6
#E0CFE3
#CFCEF4
#D3CEF0
#D6CEED
#DACEE9
#DECEE5
#E1CEE2
#E6CEDD
#CFCEF4
#D4CEEF
#D8CEEB
#DDCEE6
#E2CEE1
#E6CEDD
#ECCED7
#D0CDF4
#D6CDEE
#DCCDE8
#E1CDE3
#E7CDDD
#EDCDD7
#F4CDD0
Colorpallet from #CDD0F4 to #D0CDF4 and to #F4D0CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CED0F3
#CFD0F2
#D0D0F1
#D1D0F0
#D2D0EF
#D3D0EE
#CECFF4
#D0CFF2
#D2CFF0
#D3CFEE
#D5D0EC
#D7D0EA
#D9D0E8
#CECFF4
#D1CFF1
#D4CFEE
#D7CFEB
#DAD0E8
#DCD0E5
#E0D0E1
#CFCEF4
#D3CEF0
#D6CFEC
#DACFE8
#DECFE4
#E1D0E0
#E6D0DB
#CFCEF4
#D4CEEF
#D8CFEA
#DDCFE5
#E2CFE0
#E6D0DB
#ECD0D5
#D0CDF4
#D6CDEE
#DCCEE8
#E1CEE1
#E7CFDB
#EDCFD5
#F4D0CD
Colorpallet from #CDD0F4 to #D0F4CD and to #F4CDD0
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CED5EE
#CFD4EE
#D0D3EE
#D1D2EE
#D2D1EE
#D3D0EE
#CEDCE8
#D0DAE8
#D2D8E8
#D3D6E8
#D5D4E8
#D7D2E8
#D9CFE8
#CEE1E1
#D1DEE1
#D4DBE2
#D7D8E2
#DAD5E2
#DCD3E3
#E0CFE3
#CFE7DB
#D3E3DB
#D6DFDC
#DADBDC
#DED7DC
#E1D3DD
#E6CEDD
#CFEDD5
#D4E8D5
#D8E3D6
#DDDED6
#E2D9D6
#E6D4D7
#ECCED7
#D0F4CD
#D6EECD
#DCE8CE
#E1E1CE
#E7DBCF
#EDD5CF
#F4CDD0
Colorpallet from #CDD0F4 to #D0F4CD and to #F4D0CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD6EE
#CED5EE
#CFD4EE
#D0D3EE
#D1D2EE
#D2D1EE
#D3D0EE
#CEDCE8
#D0DAE8
#D2D8E8
#D3D6E8
#D5D4E8
#D7D2E8
#D9D0E8
#CEE1E1
#D1DEE1
#D4DCE1
#D7D9E1
#DAD6E1
#DCD3E1
#E0D0E1
#CFE7DB
#D3E3DB
#D6E0DB
#DADCDB
#DED8DB
#E1D5DB
#E6D0DB
#CFEDD5
#D4E8D5
#D8E4D5
#DDDFD5
#E2DAD5
#E6D6D5
#ECD0D5
#D0F4CD
#D6EECD
#DCE8CD
#E1E3CD
#E7DDCD
#EDD7CD
#F4D0CD
Colorpallet from #CDD0F4 to #F4CDD0 and to #F4D0CD
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#CDD0F4
#D3D0EE
#D3D0EE
#D3D0EE
#D3D0EE
#D3D0EE
#D3D0EE
#D3D0EE
#D9CFE8
#D9CFE8
#D9CFE8
#D9CFE8
#D9D0E8
#D9D0E8
#D9D0E8
#E0CFE3
#E0CFE3
#E0CFE2
#E0CFE2
#E0D0E2
#E0D0E1
#E0D0E1
#E6CEDD
#E6CEDD
#E6CFDC
#E6CFDC
#E6CFDC
#E6D0DB
#E6D0DB
#ECCED7
#ECCED7
#ECCFD6
#ECCFD6
#ECCFD6
#ECD0D5
#ECD0D5
#F4CDD0
#F4CDD0
#F4CECF
#F4CECF
#F4CFCE
#F4CFCE
#F4D0CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts