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 #CDF2D5 to #CDD5F2 and to #F2CDD5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDEDDA
#CEEDD9
#CFEDD8
#D0EDD8
#D1ECD7
#D2ECD6
#D3ECD5
#CDE9DE
#CFE9DD
#D1E8DB
#D3E8DA
#D5E7D8
#D7E7D7
#D9E6D5
#CDE4E3
#D0E3E1
#D3E3DF
#D6E2DC
#D9E1DA
#DBE1D8
#DFE0D5
#CDDFE8
#D1DEE5
#D5DDE2
#D9DDDF
#DCDCDC
#E0DBD9
#E5DAD5
#CDDBEC
#D2DAE8
#D7D9E5
#DBD8E1
#E0D7DD
#E5D5DA
#EBD4D5
#CDD5F2
#D3D4ED
#D9D2E9
#DFD1E4
#E5D0DF
#EBCFDB
#F2CDD5
Colorpallet from #CDF2D5 to #CDD5F2 and to #F2D5CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDEDDA
#CEEDD9
#CFEDD8
#D0EDD7
#D1EDD6
#D2EDD5
#D3EDD4
#CDE9DE
#CFE9DC
#D1E9DA
#D3E9D8
#D5E9D6
#D7E9D4
#D9E9D2
#CDE4E3
#D0E4E0
#D3E4DD
#D6E4DA
#D9E4D7
#DBE4D5
#DFE4D1
#CDDFE8
#D1DFE4
#D5DFE0
#D9DFDC
#DCDFD9
#E0DFD5
#E5DFD0
#CDDBEC
#D2DBE7
#D7DBE3
#DBDBDE
#E0DBD9
#E5DBD5
#EBDBCF
#CDD5F2
#D3D5EC
#D9D5E6
#DFD5E0
#E5D5DA
#EBD5D4
#F2D5CD
Colorpallet from #CDF2D5 to #CDD5F2 and to #D5CDF2
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDEDDA
#CDEDDA
#CDEDDA
#CDEDDA
#CEECDA
#CEECDA
#CEECDA
#CDE9DE
#CDE9DE
#CEE8DE
#CEE8DE
#CFE7DE
#CFE7DE
#D0E6DE
#CDE4E3
#CEE3E3
#CEE3E3
#CFE2E3
#D0E1E3
#D0E1E3
#D1E0E3
#CDDFE8
#CEDEE8
#CFDDE8
#CFDDE8
#D0DCE8
#D1DBE8
#D2DAE8
#CDDBEC
#CEDAEC
#CFD9EC
#D0D8EC
#D1D7EC
#D2D5EC
#D3D4EC
#CDD5F2
#CED4F2
#D0D2F2
#D1D1F2
#D2D0F2
#D3CFF2
#D5CDF2
Colorpallet from #CDF2D5 to #CDD5F2 and to #D5F2CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDEDDA
#CDEED9
#CDEFD8
#CDEFD7
#CEF0D6
#CEF1D5
#CEF2D4
#CDE9DE
#CDEADC
#CEECDA
#CEEDD8
#CFEFD6
#CFF0D4
#D0F2D2
#CDE4E3
#CEE6E0
#CEE8DD
#CFEBDA
#D0EDD7
#D0EFD5
#D1F2D1
#CDDFE8
#CEE2E4
#CFE5E0
#CFE8DC
#D0EBD9
#D1EED5
#D2F2D0
#CDDBEC
#CEDFE7
#CFE2E3
#D0E6DE
#D1EAD9
#D2EDD5
#D3F2CF
#CDD5F2
#CEDAEC
#D0DEE6
#D1E3E0
#D2E8DA
#D3ECD4
#D5F2CD
Colorpallet from #CDF2D5 to #F2CDD5 and to #F2D5CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#D3ECD5
#D3ECD5
#D3ECD5
#D3ECD5
#D3EDD4
#D3EDD4
#D3EDD4
#D9E6D5
#D9E6D5
#D9E7D4
#D9E7D4
#D9E8D3
#D9E8D3
#D9E9D2
#DFE0D5
#DFE1D4
#DFE1D4
#DFE2D3
#DFE3D2
#DFE3D2
#DFE4D1
#E5DAD5
#E5DBD4
#E5DCD3
#E5DCD3
#E5DDD2
#E5DED1
#E5DFD0
#EBD4D5
#EBD5D4
#EBD6D3
#EBD7D2
#EBD8D1
#EBDAD0
#EBDBCF
#F2CDD5
#F2CED4
#F2D0D2
#F2D1D1
#F2D2D0
#F2D3CF
#F2D5CD
Colorpallet from #CDF2D5 to #F2CDD5 and to #D5CDF2
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#D3ECD5
#D2ECD6
#D1ECD7
#D1ECD7
#D0ECD8
#CFECD9
#CEECDA
#D9E6D5
#D8E6D6
#D6E6D8
#D5E6D9
#D3E6DB
#D2E6DC
#D0E6DE
#DFE0D5
#DDE0D7
#DBE0D9
#D8E0DC
#D6E0DE
#D4E0E0
#D1E0E3
#E5DAD5
#E2DAD8
#DFDADB
#DCDADE
#D9DAE1
#D6DAE4
#D2DAE8
#EBD4D5
#E7D4D9
#E3D4DC
#DFD4E0
#DCD4E4
#D8D4E7
#D3D4EC
#F2CDD5
#EDCDDA
#E9CDDE
#E4CDE3
#DFCDE8
#DBCDEC
#D5CDF2
Colorpallet from #CDF2D5 to #F2CDD5 and to #D5F2CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#D3ECD5
#D2EDD5
#D1EED5
#D1EFD5
#D0F0D4
#CFF1D4
#CEF2D4
#D9E6D5
#D8E8D5
#D6EAD4
#D5ECD4
#D3EED3
#D2F0D3
#D0F2D2
#DFE0D5
#DDE3D4
#DBE6D4
#D8E9D3
#D6ECD2
#D4EED2
#D1F2D1
#E5DAD5
#E2DED4
#DFE2D3
#DCE6D3
#D9E9D2
#D6EDD1
#D2F2D0
#EBD4D5
#E7D9D4
#E3DED3
#DFE2D2
#DCE7D1
#D8ECD0
#D3F2CF
#F2CDD5
#EDD3D4
#E9D9D2
#E4DFD1
#DFE5D0
#DBEBCF
#D5F2CD
Colorpallet from #CDF2D5 to #F2D5CD and to #D5CDF2
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#D3EDD4
#D2EDD5
#D1EDD6
#D1EDD7
#D0ECD8
#CFECD9
#CEECDA
#D9E9D2
#D8E9D4
#D6E8D6
#D5E8D8
#D3E7DA
#D2E7DC
#D0E6DE
#DFE4D1
#DDE3D4
#DBE3D7
#D8E2DA
#D6E1DD
#D4E1DF
#D1E0E3
#E5DFD0
#E2DED4
#DFDDD8
#DCDDDC
#D9DCDF
#D6DBE3
#D2DAE8
#EBDBCF
#E7DAD4
#E3D9D8
#DFD8DD
#DCD7E2
#D8D5E6
#D3D4EC
#F2D5CD
#EDD4D3
#E9D2D9
#E4D1DF
#DFD0E5
#DBCFEB
#D5CDF2
Colorpallet from #CDF2D5 to #F2D5CD and to #D5F2CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#D3EDD4
#D2EED4
#D1EFD4
#D1EFD4
#D0F0D4
#CFF1D4
#CEF2D4
#D9E9D2
#D8EAD2
#D6ECD2
#D5EDD2
#D3EFD2
#D2F0D2
#D0F2D2
#DFE4D1
#DDE6D1
#DBE8D1
#D8EBD1
#D6EDD1
#D4EFD1
#D1F2D1
#E5DFD0
#E2E2D0
#DFE5D0
#DCE8D0
#D9EBD0
#D6EED0
#D2F2D0
#EBDBCF
#E7DFCF
#E3E2CF
#DFE6CF
#DCEACF
#D8EDCF
#D3F2CF
#F2D5CD
#EDDACD
#E9DECD
#E4E3CD
#DFE8CD
#DBECCD
#D5F2CD
Colorpallet from #CDF2D5 to #D5CDF2 and to #D5F2CD
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CDF2D5
#CEECDA
#CEEDD9
#CEEED8
#CEEFD7
#CEF0D6
#CEF1D5
#CEF2D4
#D0E6DE
#D0E8DC
#D0EADA
#D0ECD8
#D0EED6
#D0F0D4
#D0F2D2
#D1E0E3
#D1E3E0
#D1E6DD
#D1E9DA
#D1ECD7
#D1EED5
#D1F2D1
#D2DAE8
#D2DEE4
#D2E2E0
#D2E6DC
#D2E9D9
#D2EDD5
#D2F2D0
#D3D4EC
#D3D9E7
#D3DEE3
#D3E2DE
#D3E7D9
#D3ECD5
#D3F2CF
#D5CDF2
#D5D3EC
#D5D9E6
#D5DFE0
#D5E5DA
#D5EBD4
#D5F2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts