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 #CDF0D9 to #CDD9F0 and to #F0CDD9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDECDD
#CEECDC
#CFEBDC
#D0EBDB
#D1EBDA
#D2EADA
#D3EAD9
#CDE9E0
#CFE8DF
#D1E8DE
#D2E7DD
#D4E6DC
#D6E6DA
#D8E5D9
#CDE5E4
#D0E4E2
#D2E3E0
#D5E2DF
#D8E1DD
#DBE0DB
#DEDFD9
#CDE1E8
#D1E0E6
#D4DFE3
#D8DEE1
#DBDDDE
#DFDBDC
#E3DAD9
#CDDEEB
#D1DCE8
#D6DBE5
#DAD9E2
#DFD8DF
#E3D6DD
#E9D4D9
#CDD9F0
#D3D7EC
#D8D5E9
#DED3E5
#E3D1E1
#E9CFDE
#F0CDD9
Colorpallet from #CDF0D9 to #CDD9F0 and to #F0D9CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDECDD
#CEECDC
#CFECDB
#D0ECDA
#D1ECD9
#D2ECD8
#D3ECD7
#CDE9E0
#CFE9DE
#D1E9DC
#D2E9DB
#D4E9D9
#D6E9D7
#D8E9D5
#CDE5E4
#D0E5E1
#D2E5DF
#D5E5DC
#D8E5D9
#DBE5D6
#DEE5D3
#CDE1E8
#D1E1E4
#D4E1E1
#D8E1DD
#DBE1D9
#DFE1D6
#E3E1D1
#CDDEEB
#D1DEE7
#D6DEE2
#DADEDE
#DFDED9
#E3DED5
#E9DECF
#CDD9F0
#D3D9EA
#D8D9E5
#DED9DF
#E3D9DA
#E9D9D4
#F0D9CD
Colorpallet from #CDF0D9 to #CDD9F0 and to #D9CDF0
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDECDD
#CDECDD
#CEEBDD
#CEEBDD
#CEEBDD
#CFEADD
#CFEADD
#CDE9E0
#CEE8E0
#CEE8E0
#CFE7E0
#D0E6E0
#D0E6E0
#D1E5E0
#CDE5E4
#CEE4E4
#CFE3E4
#D0E2E4
#D1E1E4
#D2E0E4
#D3DFE4
#CDE1E8
#CEE0E8
#D0DFE8
#D1DEE8
#D2DDE8
#D3DBE8
#D5DAE8
#CDDEEB
#CFDCEB
#D0DBEB
#D2D9EB
#D3D8EB
#D5D6EB
#D7D4EB
#CDD9F0
#CFD7F0
#D1D5F0
#D3D3F0
#D5D1F0
#D7CFF0
#D9CDF0
Colorpallet from #CDF0D9 to #CDD9F0 and to #D9F0CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDECDD
#CDEDDC
#CEEDDB
#CEEEDA
#CEEFD9
#CFEFD8
#CFF0D7
#CDE9E0
#CEEADE
#CEEBDC
#CFECDB
#D0EDD9
#D0EFD7
#D1F0D5
#CDE5E4
#CEE7E1
#CFE9DF
#D0EADC
#D1ECD9
#D2EED6
#D3F0D3
#CDE1E8
#CEE3E4
#D0E6E1
#D1E8DD
#D2EBD9
#D3EDD6
#D5F0D1
#CDDEEB
#CFE1E7
#D0E4E2
#D2E7DE
#D3EAD9
#D5ECD5
#D7F0CF
#CDD9F0
#CFDDEA
#D1E0E5
#D3E4DF
#D5E8DA
#D7EBD4
#D9F0CD
Colorpallet from #CDF0D9 to #F0CDD9 and to #F0D9CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#D3EAD9
#D3EAD9
#D3EBD8
#D3EBD8
#D3EBD8
#D3ECD7
#D3ECD7
#D8E5D9
#D8E6D8
#D8E6D8
#D8E7D7
#D8E8D6
#D8E8D6
#D8E9D5
#DEDFD9
#DEE0D8
#DEE1D7
#DEE2D6
#DEE3D5
#DEE4D4
#DEE5D3
#E3DAD9
#E3DBD8
#E3DCD6
#E3DDD5
#E3DED4
#E3E0D3
#E3E1D1
#E9D4D9
#E9D6D7
#E9D7D6
#E9D9D4
#E9DAD3
#E9DCD1
#E9DECF
#F0CDD9
#F0CFD7
#F0D1D5
#F0D3D3
#F0D5D1
#F0D7CF
#F0D9CD
Colorpallet from #CDF0D9 to #F0CDD9 and to #D9CDF0
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#D3EAD9
#D2EADA
#D2EADA
#D1EADB
#D0EADC
#D0EADC
#CFEADD
#D8E5D9
#D7E5DA
#D6E5DB
#D5E5DC
#D4E5DD
#D2E5DF
#D1E5E0
#DEDFD9
#DCDFDB
#DADFDD
#D9DFDE
#D7DFE0
#D5DFE2
#D3DFE4
#E3DAD9
#E1DADB
#DFDADE
#DCDAE0
#DADAE3
#D8DAE5
#D5DAE8
#E9D4D9
#E6D4DC
#E3D4DF
#E0D4E2
#DDD4E5
#DBD4E7
#D7D4EB
#F0CDD9
#ECCDDD
#E9CDE0
#E5CDE4
#E1CDE8
#DECDEB
#D9CDF0
Colorpallet from #CDF0D9 to #F0CDD9 and to #D9F0CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#D3EAD9
#D2EBD9
#D2ECD8
#D1EDD8
#D0EED8
#D0EFD7
#CFF0D7
#D8E5D9
#D7E7D8
#D6E9D8
#D5EAD7
#D4ECD6
#D2EED6
#D1F0D5
#DEDFD9
#DCE2D8
#DAE4D7
#D9E7D6
#D7EAD5
#D5EDD4
#D3F0D3
#E3DAD9
#E1DED8
#DFE1D6
#DCE5D5
#DAE8D4
#D8ECD3
#D5F0D1
#E9D4D9
#E6D8D7
#E3DDD6
#E0E1D4
#DDE6D3
#DBEAD1
#D7F0CF
#F0CDD9
#ECD3D7
#E9D8D5
#E5DED3
#E1E3D1
#DEE9CF
#D9F0CD
Colorpallet from #CDF0D9 to #F0D9CD and to #D9CDF0
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#D3ECD7
#D2ECD8
#D2EBD9
#D1EBDA
#D0EBDB
#D0EADC
#CFEADD
#D8E9D5
#D7E8D7
#D6E8D9
#D5E7DA
#D4E6DC
#D2E6DE
#D1E5E0
#DEE5D3
#DCE4D6
#DAE3D8
#D9E2DB
#D7E1DE
#D5E0E1
#D3DFE4
#E3E1D1
#E1E0D5
#DFDFD8
#DCDEDC
#DADDE0
#D8DBE3
#D5DAE8
#E9DECF
#E6DCD3
#E3DBD8
#E0D9DC
#DDD8E1
#DBD6E5
#D7D4EB
#F0D9CD
#ECD7D3
#E9D5D8
#E5D3DE
#E1D1E3
#DECFE9
#D9CDF0
Colorpallet from #CDF0D9 to #F0D9CD and to #D9F0CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#D3ECD7
#D2EDD7
#D2EDD7
#D1EED7
#D0EFD7
#D0EFD7
#CFF0D7
#D8E9D5
#D7EAD5
#D6EBD5
#D5ECD5
#D4EDD5
#D2EFD5
#D1F0D5
#DEE5D3
#DCE7D3
#DAE9D3
#D9EAD3
#D7ECD3
#D5EED3
#D3F0D3
#E3E1D1
#E1E3D1
#DFE6D1
#DCE8D1
#DAEBD1
#D8EDD1
#D5F0D1
#E9DECF
#E6E1CF
#E3E4CF
#E0E7CF
#DDEACF
#DBECCF
#D7F0CF
#F0D9CD
#ECDDCD
#E9E0CD
#E5E4CD
#E1E8CD
#DEEBCD
#D9F0CD
Colorpallet from #CDF0D9 to #D9CDF0 and to #D9F0CD
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CDF0D9
#CFEADD
#CFEBDC
#CFECDB
#CFEDDA
#CFEED9
#CFEFD8
#CFF0D7
#D1E5E0
#D1E7DE
#D1E9DC
#D1EADB
#D1ECD9
#D1EED7
#D1F0D5
#D3DFE4
#D3E2E1
#D3E4DF
#D3E7DC
#D3EAD9
#D3EDD6
#D3F0D3
#D5DAE8
#D5DEE4
#D5E1E1
#D5E5DD
#D5E8D9
#D5ECD6
#D5F0D1
#D7D4EB
#D7D8E7
#D7DDE2
#D7E1DE
#D7E6D9
#D7EAD5
#D7F0CF
#D9CDF0
#D9D3EA
#D9D8E5
#D9DEDF
#D9E3DA
#D9E9D4
#D9F0CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts