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 #F8DED3 to #F8D3DE and to #DEF8D3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DCD5
#F7DDD5
#F7DED4
#F6DFD4
#F5E0D4
#F5E1D3
#F4E2D3
#F8DAD7
#F7DCD6
#F5DED6
#F4E0D5
#F3E2D4
#F2E4D4
#F0E6D3
#F8D9D8
#F6DCD7
#F4DED6
#F2E1D6
#F0E4D5
#EEE7D4
#ECEAD3
#F8D7DA
#F5DBD9
#F3DFD8
#F0E3D7
#EDE6D6
#EAEAD4
#E7EFD3
#F8D5DC
#F5DADB
#F1DFD9
#EEE3D8
#EBE8D6
#E7EDD5
#E3F3D3
#F8D3DE
#F4D9DC
#F0DFDA
#ECE5D9
#E7EBD7
#E3F1D5
#DEF8D3
Colorpallet from #F8DED3 to #F8D3DE and to #DED3F8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DCD5
#F7DCD6
#F7DCD6
#F6DCD7
#F5DCD8
#F5DCD8
#F4DCD9
#F8DAD7
#F7DAD8
#F5DADA
#F4DADB
#F3DADC
#F2DADD
#F0DADF
#F8D9D8
#F6D9DA
#F4D9DC
#F2D9DE
#F0D9E0
#EED9E2
#ECD9E5
#F8D7DA
#F5D7DD
#F3D7DF
#F0D7E2
#EDD7E5
#EAD7E8
#E7D7EB
#F8D5DC
#F5D5DF
#F1D5E3
#EED5E6
#EBD5E9
#E7D5ED
#E3D5F1
#F8D3DE
#F4D3E2
#F0D3E6
#ECD3EA
#E7D3EF
#E3D3F3
#DED3F8
Colorpallet from #F8DED3 to #F8D3DE and to #D3F8DE
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DCD5
#F7DDD5
#F6DED5
#F5DFD5
#F4E0D5
#F3E1D5
#F2E2D5
#F8DAD7
#F6DCD7
#F4DED7
#F2E0D7
#F0E2D7
#EEE4D7
#ECE6D7
#F8D9D8
#F5DCD8
#F2DED8
#EFE1D8
#ECE4D8
#EAE7D8
#E6EAD8
#F8D7DA
#F4DBDA
#F0DFDA
#ECE3DA
#E9E6DA
#E5EADA
#E0EFDA
#F8D5DC
#F3DADC
#EEDFDC
#EAE3DC
#E5E8DC
#E0EDDC
#DAF3DC
#F8D3DE
#F2D9DE
#ECDFDE
#E6E5DE
#E0EBDE
#DAF1DE
#D3F8DE
Colorpallet from #F8DED3 to #F8D3DE and to #D3DEF8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DCD5
#F7DCD6
#F6DDD6
#F5DDD7
#F4DDD8
#F3DED8
#F2DED9
#F8DAD7
#F6DBD8
#F4DBDA
#F2DCDB
#F0DDDC
#EEDDDD
#ECDEDF
#F8D9D8
#F5DADA
#F2DBDC
#EFDBDE
#ECDCE0
#EADDE2
#E6DEE5
#F8D7DA
#F4D8DD
#F0D9DF
#ECDAE2
#E9DBE5
#E5DDE8
#E0DEEB
#F8D5DC
#F3D6DF
#EED8E3
#EAD9E6
#E5DBE9
#E0DCED
#DADEF1
#F8D3DE
#F2D5E2
#ECD7E6
#E6D8EA
#E0DAEF
#DADCF3
#D3DEF8
Colorpallet from #F8DED3 to #DEF8D3 and to #DED3F8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F4E2D3
#F4E1D4
#F4E0D5
#F4DFD6
#F4DED7
#F4DDD8
#F4DCD9
#F0E6D3
#F0E4D5
#F0E2D7
#F0E0D9
#F0DEDB
#F0DCDD
#F0DADF
#ECEAD3
#ECE7D6
#ECE5D9
#ECE2DC
#ECDFDF
#ECDCE1
#ECD9E5
#E7EFD3
#E7EBD7
#E7E7DB
#E7E3DF
#E7E0E2
#E7DCE6
#E7D7EB
#E3F3D3
#E3EED8
#E3E9DD
#E3E5E1
#E3E0E6
#E3DBEB
#E3D5F1
#DEF8D3
#DEF2D9
#DEECDF
#DEE6E5
#DEE0EB
#DEDAF1
#DED3F8
Colorpallet from #F8DED3 to #DEF8D3 and to #D3F8DE
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F4E2D3
#F4E2D3
#F3E2D4
#F3E2D4
#F3E2D4
#F2E2D5
#F2E2D5
#F0E6D3
#EFE6D4
#EFE6D4
#EEE6D5
#EDE6D6
#EDE6D6
#ECE6D7
#ECEAD3
#EBEAD4
#EAEAD5
#E9EAD5
#E8EAD6
#E7EAD7
#E6EAD8
#E7EFD3
#E6EFD4
#E5EFD5
#E4EFD6
#E3EFD7
#E1EFD9
#E0EFDA
#E3F3D3
#E2F3D4
#E0F3D6
#DFF3D7
#DDF3D9
#DCF3DA
#DAF3DC
#DEF8D3
#DCF8D5
#DAF8D7
#D9F8D8
#D7F8DA
#D5F8DC
#D3F8DE
Colorpallet from #F8DED3 to #DEF8D3 and to #D3DEF8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F4E2D3
#F4E1D4
#F3E1D5
#F3E0D6
#F3DFD7
#F2DFD8
#F2DED9
#F0E6D3
#EFE5D5
#EFE3D7
#EEE2D9
#EDE1DB
#EDE0DD
#ECDEDF
#ECEAD3
#EBE8D6
#EAE6D9
#E9E4DC
#E8E2DF
#E7E0E1
#E6DEE5
#E7EFD3
#E6ECD7
#E5EADB
#E4E7DF
#E3E4E2
#E1E1E6
#E0DEEB
#E3F3D3
#E2F0D8
#E0ECDD
#DFE9E1
#DDE6E6
#DCE2EB
#DADEF1
#DEF8D3
#DCF4D9
#DAF0DF
#D9ECE5
#D7E7EB
#D5E3F1
#D3DEF8
Colorpallet from #F8DED3 to #DED3F8 and to #D3F8DE
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F4DCD9
#F4DDD8
#F3DED8
#F3DFD7
#F3E0D6
#F2E1D6
#F2E2D5
#F0DADF
#EFDCDE
#EFDEDC
#EEE0DB
#EDE2DA
#EDE4D9
#ECE6D7
#ECD9E5
#EBDCE3
#EADEE1
#E9E1DF
#E8E4DD
#E7E7DB
#E6EAD8
#E7D7EB
#E6DBE8
#E5DFE6
#E4E3E3
#E3E6E0
#E1EADD
#E0EFDA
#E3D5F1
#E2DAEE
#E0DFEA
#DFE3E7
#DDE8E4
#DCEDE0
#DAF3DC
#DED3F8
#DCD9F4
#DADFF0
#D9E5EC
#D7EBE7
#D5F1E3
#D3F8DE
Colorpallet from #F8DED3 to #DED3F8 and to #D3DEF8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F4DCD9
#F4DCD9
#F3DDD9
#F3DDD9
#F3DDD9
#F2DED9
#F2DED9
#F0DADF
#EFDBDF
#EFDBDF
#EEDCDF
#EDDDDF
#EDDDDF
#ECDEDF
#ECD9E5
#EBDAE5
#EADBE5
#E9DBE5
#E8DCE5
#E7DDE5
#E6DEE5
#E7D7EB
#E6D8EB
#E5D9EB
#E4DAEB
#E3DBEB
#E1DDEB
#E0DEEB
#E3D5F1
#E2D6F1
#E0D8F1
#DFD9F1
#DDDBF1
#DCDCF1
#DADEF1
#DED3F8
#DCD5F8
#DAD7F8
#D9D8F8
#D7DAF8
#D5DCF8
#D3DEF8
Colorpallet from #F8DED3 to #D3F8DE and to #D3DEF8
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F8DED3
#F2E2D5
#F2E1D6
#F2E1D6
#F2E0D7
#F2DFD8
#F2DFD8
#F2DED9
#ECE6D7
#ECE5D8
#ECE3DA
#ECE2DB
#ECE1DC
#ECE0DD
#ECDEDF
#E6EAD8
#E6E8DA
#E6E6DC
#E6E4DE
#E6E2E0
#E6E0E2
#E6DEE5
#E0EFDA
#E0ECDD
#E0EADF
#E0E7E2
#E0E4E5
#E0E1E8
#E0DEEB
#DAF3DC
#DAF0DF
#DAECE3
#DAE9E6
#DAE6E9
#DAE2ED
#DADEF1
#D3F8DE
#D3F4E2
#D3F0E6
#D3ECEA
#D3E7EF
#D3E3F3
#D3DEF8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
