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 #CDD5F1 to #CDF1D5 and to #D5CDF1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD9ED
#CDD8EE
#CDD7EE
#CDD7EF
#CED6F0
#CED5F0
#CED4F1
#CDDEE8
#CDDCE9
#CEDAEB
#CED8EC
#CFD6EE
#CFD4EF
#D0D2F1
#CDE2E4
#CEDFE6
#CEDDE8
#CFDAEA
#D0D7EC
#D0D4EE
#D1D1F1
#CDE7DF
#CEE3E2
#CFE0E5
#CFDCE8
#D0D8EB
#D1D5ED
#D2D0F1
#CDEBDB
#CEE7DF
#CFE2E2
#D0DEE6
#D1D9E9
#D2D5ED
#D3CFF1
#CDF1D5
#CEEBD9
#D0E5DE
#D1E0E2
#D2DAE7
#D3D4EB
#D5CDF1
Colorpallet from #CDD5F1 to #CDF1D5 and to #D5F1CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD9ED
#CDD9ED
#CDD9EC
#CDD9EC
#CED9EC
#CED9EB
#CED9EB
#CDDEE8
#CDDEE8
#CEDEE7
#CEDEE7
#CFDEE6
#CFDEE6
#D0DEE5
#CDE2E4
#CEE2E3
#CEE2E3
#CFE2E2
#D0E2E1
#D0E2E1
#D1E2E0
#CDE7DF
#CEE7DE
#CFE7DD
#CFE7DD
#D0E7DC
#D1E7DB
#D2E7DA
#CDEBDB
#CEEBDA
#CFEBD9
#D0EBD8
#D1EBD7
#D2EBD5
#D3EBD4
#CDF1D5
#CEF1D4
#D0F1D2
#D1F1D1
#D2F1D0
#D3F1CF
#D5F1CD
Colorpallet from #CDD5F1 to #CDF1D5 and to #F1CDD5
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD9ED
#CED8ED
#CFD7ED
#D0D7ED
#D1D6ED
#D2D5ED
#D3D4ED
#CDDEE8
#CFDCE8
#D1DAE8
#D3D8E8
#D5D6E8
#D7D4E8
#D9D2E8
#CDE2E4
#D0DFE4
#D2DDE4
#D5DAE4
#D8D7E4
#DBD4E4
#DED1E4
#CDE7DF
#D1E3DF
#D4E0DF
#D8DCDF
#DCD8DF
#DFD5DF
#E4D0DF
#CDEBDB
#D2E7DB
#D6E2DB
#DBDEDB
#E0D9DB
#E4D5DB
#EACFDB
#CDF1D5
#D3EBD5
#D9E5D5
#DEE0D5
#E4DAD5
#EAD4D5
#F1CDD5
Colorpallet from #CDD5F1 to #CDF1D5 and to #F1D5CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD9ED
#CED8ED
#CFD8EC
#D0D7EC
#D1D6EC
#D2D6EB
#D3D5EB
#CDDEE8
#CFDDE8
#D1DBE7
#D3DAE7
#D5D8E6
#D7D7E6
#D9D5E5
#CDE2E4
#D0E0E3
#D2DEE3
#D5DCE2
#D8DAE1
#DBD8E1
#DED5E0
#CDE7DF
#D1E4DE
#D4E1DD
#D8DEDD
#DCDBDC
#DFD9DB
#E4D5DA
#CDEBDB
#D2E7DA
#D6E4D9
#DBE0D8
#E0DDD7
#E4D9D5
#EAD5D4
#CDF1D5
#D3EDD4
#D9E8D2
#DEE4D1
#E4DFD0
#EADBCF
#F1D5CD
Colorpallet from #CDD5F1 to #D5CDF1 and to #D5F1CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CED4F1
#CED5F0
#CED6EF
#CED6EE
#CED7ED
#CED8EC
#CED9EB
#D0D2F1
#D0D4EF
#D0D6ED
#D0D8EB
#D0DAE9
#D0DCE7
#D0DEE5
#D1D1F1
#D1D4EE
#D1D6EC
#D1D9E9
#D1DCE6
#D1DFE3
#D1E2E0
#D2D0F1
#D2D4ED
#D2D7EA
#D2DBE6
#D2DFE2
#D2E2DF
#D2E7DA
#D3CFF1
#D3D3EC
#D3D8E8
#D3DCE3
#D3E1DE
#D3E5DA
#D3EBD4
#D5CDF1
#D5D3EB
#D5D9E5
#D5DEE0
#D5E4DA
#D5EAD4
#D5F1CD
Colorpallet from #CDD5F1 to #D5CDF1 and to #F1CDD5
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CED4F1
#CFD4F0
#D0D4F0
#D0D4EF
#D1D4EE
#D2D4EE
#D3D4ED
#D0D2F1
#D1D2F0
#D3D2EE
#D4D2ED
#D6D2EB
#D7D2EA
#D9D2E8
#D1D1F1
#D3D1EF
#D5D1ED
#D7D1EB
#D9D1E9
#DBD1E7
#DED1E4
#D2D0F1
#D5D0EE
#D8D0EB
#DBD0E8
#DED0E5
#E0D0E3
#E4D0DF
#D3CFF1
#D7CFED
#DACFEA
#DECFE6
#E2CFE3
#E5CFDF
#EACFDB
#D5CDF1
#D9CDED
#DECDE8
#E2CDE4
#E7CDDF
#EBCDDB
#F1CDD5
Colorpallet from #CDD5F1 to #D5CDF1 and to #F1D5CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CED4F1
#CFD4F0
#D0D4EF
#D0D4EE
#D1D5ED
#D2D5EC
#D3D5EB
#D0D2F1
#D1D2EF
#D3D3ED
#D4D3EB
#D6D4E9
#D7D4E7
#D9D5E5
#D1D1F1
#D3D2EE
#D5D2EC
#D7D3E9
#D9D4E6
#DBD4E3
#DED5E0
#D2D0F1
#D5D1ED
#D8D2EA
#DBD2E6
#DED3E2
#E0D4DF
#E4D5DA
#D3CFF1
#D7D0EC
#DAD1E8
#DED2E3
#E2D3DE
#E5D4DA
#EAD5D4
#D5CDF1
#D9CEEB
#DED0E5
#E2D1E0
#E7D2DA
#EBD3D4
#F1D5CD
Colorpallet from #CDD5F1 to #D5F1CD and to #F1CDD5
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CED9EB
#CFD8EB
#D0D7EC
#D0D7EC
#D1D6EC
#D2D5ED
#D3D4ED
#D0DEE5
#D1DCE5
#D3DAE6
#D4D8E6
#D6D6E7
#D7D4E7
#D9D2E8
#D1E2E0
#D3DFE1
#D5DDE1
#D7DAE2
#D9D7E3
#DBD4E3
#DED1E4
#D2E7DA
#D5E3DB
#D8E0DC
#DBDCDC
#DED8DD
#E0D5DE
#E4D0DF
#D3EBD4
#D7E7D5
#DAE2D6
#DEDED7
#E2D9D8
#E5D5DA
#EACFDB
#D5F1CD
#D9EBCE
#DEE5D0
#E2E0D1
#E7DAD2
#EBD4D3
#F1CDD5
Colorpallet from #CDD5F1 to #D5F1CD and to #F1D5CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CED9EB
#CFD8EB
#D0D8EB
#D0D7EB
#D1D6EB
#D2D6EB
#D3D5EB
#D0DEE5
#D1DDE5
#D3DBE5
#D4DAE5
#D6D8E5
#D7D7E5
#D9D5E5
#D1E2E0
#D3E0E0
#D5DEE0
#D7DCE0
#D9DAE0
#DBD8E0
#DED5E0
#D2E7DA
#D5E4DA
#D8E1DA
#DBDEDA
#DEDBDA
#E0D9DA
#E4D5DA
#D3EBD4
#D7E7D4
#DAE4D4
#DEE0D4
#E2DDD4
#E5D9D4
#EAD5D4
#D5F1CD
#D9EDCD
#DEE8CD
#E2E4CD
#E7DFCD
#EBDBCD
#F1D5CD
Colorpallet from #CDD5F1 to #F1CDD5 and to #F1D5CD
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#CDD5F1
#D3D4ED
#D3D4ED
#D3D4EC
#D3D4EC
#D3D5EC
#D3D5EB
#D3D5EB
#D9D2E8
#D9D2E8
#D9D3E7
#D9D3E7
#D9D4E6
#D9D4E6
#D9D5E5
#DED1E4
#DED2E3
#DED2E3
#DED3E2
#DED4E1
#DED4E1
#DED5E0
#E4D0DF
#E4D1DE
#E4D2DD
#E4D2DD
#E4D3DC
#E4D4DB
#E4D5DA
#EACFDB
#EAD0DA
#EAD1D9
#EAD2D8
#EAD3D7
#EAD4D5
#EAD5D4
#F1CDD5
#F1CED4
#F1D0D2
#F1D1D1
#F1D2D0
#F1D3CF
#F1D5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts