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 #CCF4DE to #CCDEF4 and to #F4CCDE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF0E2
#CDF0E1
#CEEFE1
#CFEFE0
#D0EFDF
#D1EEDF
#D2EEDE
#CCEDE5
#CEECE4
#D0EBE3
#D2EAE2
#D4E9E1
#D6E8DF
#D9E7DE
#CCE9E9
#CFE8E7
#D2E6E5
#D5E5E4
#D8E4E2
#DBE3E0
#DFE1DE
#CCE6EC
#D0E4EA
#D4E2E8
#D8E0E5
#DDDEE3
#E1DCE1
#E6DADE
#CCE2F0
#D1E0ED
#D6DEEA
#DBDBE7
#E0D9E4
#E6D7E2
#ECD4DE
#CCDEF4
#D2DBF0
#D9D8ED
#DFD5E9
#E6D2E6
#ECD0E2
#F4CCDE
Colorpallet from #CCF4DE to #CCDEF4 and to #F4DECC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF0E2
#CDF0E1
#CEF0E0
#CFF0DF
#D0F0DE
#D1F0DC
#D2F0DB
#CCEDE5
#CEEDE3
#D0EDE1
#D2EDDF
#D4EDDD
#D6EDDB
#D9EDD8
#CCE9E9
#CFE9E6
#D2E9E3
#D5E9DF
#D8E9DC
#DBE9D9
#DFE9D5
#CCE6EC
#D0E6E8
#D4E6E4
#D8E6E0
#DDE6DB
#E1E6D7
#E6E6D2
#CCE2F0
#D1E2EB
#D6E2E6
#DBE2E1
#E0E2DC
#E6E2D6
#ECE2D0
#CCDEF4
#D2DEEE
#D9DEE7
#DFDEE1
#E6DEDA
#ECDED4
#F4DECC
Colorpallet from #CCF4DE to #CCDEF4 and to #DECCF4
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF0E2
#CCF0E2
#CDEFE2
#CDEFE2
#CEEFE2
#CEEEE2
#CFEEE2
#CCEDE5
#CDECE5
#CEEBE5
#CFEAE5
#D0E9E5
#D1E8E5
#D2E7E5
#CCE9E9
#CDE8E9
#CFE6E9
#D0E5E9
#D2E4E9
#D3E3E9
#D5E1E9
#CCE6EC
#CEE4EC
#D0E2EC
#D2E0EC
#D4DEEC
#D6DCEC
#D8DAEC
#CCE2F0
#CEE0F0
#D0DEF0
#D3DBF0
#D5D9F0
#D7D7F0
#DAD4F0
#CCDEF4
#CFDBF4
#D2D8F4
#D5D5F4
#D8D2F4
#DAD0F4
#DECCF4
Colorpallet from #CCF4DE to #CCDEF4 and to #DEF4CC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF0E2
#CCF1E1
#CDF1E0
#CDF2DF
#CEF3DE
#CEF3DC
#CFF4DB
#CCEDE5
#CDEEE3
#CEEFE1
#CFF0DF
#D0F1DD
#D1F3DB
#D2F4D8
#CCE9E9
#CDEBE6
#CFEDE3
#D0EEDF
#D2F0DC
#D3F2D9
#D5F4D5
#CCE6EC
#CEE8E8
#D0EAE4
#D2EDE0
#D4EFDB
#D6F1D7
#D8F4D2
#CCE2F0
#CEE5EB
#D0E8E6
#D3EBE1
#D5EEDC
#D7F0D6
#DAF4D0
#CCDEF4
#CFE2EE
#D2E5E7
#D5E9E1
#D8ECDA
#DAF0D4
#DEF4CC
Colorpallet from #CCF4DE to #F4CCDE and to #F4DECC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#D2EEDE
#D2EEDE
#D2EFDD
#D2EFDD
#D2EFDC
#D2F0DC
#D2F0DB
#D9E7DE
#D9E8DD
#D9E9DC
#D9EADB
#D9EBDA
#D9ECD9
#D9EDD8
#DFE1DE
#DFE2DD
#DFE4DB
#DFE5DA
#DFE6D8
#DFE7D7
#DFE9D5
#E6DADE
#E6DCDC
#E6DEDA
#E6E0D8
#E6E2D6
#E6E4D4
#E6E6D2
#ECD4DE
#ECD6DC
#ECD8DA
#ECDBD7
#ECDDD5
#ECDFD3
#ECE2D0
#F4CCDE
#F4CFDB
#F4D2D8
#F4D5D5
#F4D8D2
#F4DAD0
#F4DECC
Colorpallet from #CCF4DE to #F4CCDE and to #DECCF4
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#D2EEDE
#D2EEDF
#D1EEDF
#D1EEE0
#D0EEE1
#D0EEE1
#CFEEE2
#D9E7DE
#D8E7DF
#D7E7E0
#D6E7E1
#D5E7E2
#D3E7E4
#D2E7E5
#DFE1DE
#DDE1E0
#DCE1E2
#DAE1E3
#D9E1E5
#D7E1E7
#D5E1E9
#E6DADE
#E4DAE0
#E2DAE2
#DFDAE5
#DDDAE7
#DBDAE9
#D8DAEC
#ECD4DE
#E9D4E1
#E6D4E4
#E3D4E7
#E0D4EA
#DED4EC
#DAD4F0
#F4CCDE
#F0CCE2
#EDCCE5
#E9CCE9
#E6CCEC
#E2CCF0
#DECCF4
Colorpallet from #CCF4DE to #F4CCDE and to #DEF4CC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#D2EEDE
#D2EFDE
#D1F0DD
#D1F1DD
#D0F2DC
#D0F3DC
#CFF4DB
#D9E7DE
#D8E9DD
#D7EBDC
#D6EDDB
#D5EFDA
#D3F1D9
#D2F4D8
#DFE1DE
#DDE4DD
#DCE7DB
#DAEADA
#D9EDD8
#D7F0D7
#D5F4D5
#E6DADE
#E4DEDC
#E2E2DA
#DFE6D8
#DDEBD6
#DBEFD4
#D8F4D2
#ECD4DE
#E9D9DC
#E6DEDA
#E3E3D7
#E0E8D5
#DEEED3
#DAF4D0
#F4CCDE
#F0D2DB
#EDD9D8
#E9DFD5
#E6E6D2
#E2ECD0
#DEF4CC
Colorpallet from #CCF4DE to #F4DECC and to #DECCF4
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#D2F0DB
#D2F0DC
#D1EFDD
#D1EFDE
#D0EFDF
#D0EEE1
#CFEEE2
#D9EDD8
#D8ECDA
#D7EBDC
#D6EADE
#D5E9E0
#D3E8E2
#D2E7E5
#DFE9D5
#DDE8D8
#DCE6DB
#DAE5DF
#D9E4E2
#D7E3E5
#D5E1E9
#E6E6D2
#E4E4D6
#E2E2DA
#DFE0DE
#DDDEE3
#DBDCE7
#D8DAEC
#ECE2D0
#E9E0D5
#E6DEDA
#E3DBDF
#E0D9E4
#DED7EA
#DAD4F0
#F4DECC
#F0DBD2
#EDD8D9
#E9D5DF
#E6D2E6
#E2D0EC
#DECCF4
Colorpallet from #CCF4DE to #F4DECC and to #DEF4CC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#D2F0DB
#D2F1DB
#D1F1DB
#D1F2DB
#D0F3DB
#D0F3DB
#CFF4DB
#D9EDD8
#D8EED8
#D7EFD8
#D6F0D8
#D5F1D8
#D3F3D8
#D2F4D8
#DFE9D5
#DDEBD5
#DCEDD5
#DAEED5
#D9F0D5
#D7F2D5
#D5F4D5
#E6E6D2
#E4E8D2
#E2EAD2
#DFEDD2
#DDEFD2
#DBF1D2
#D8F4D2
#ECE2D0
#E9E5D0
#E6E8D0
#E3EBD0
#E0EED0
#DEF0D0
#DAF4D0
#F4DECC
#F0E2CC
#EDE5CC
#E9E9CC
#E6ECCC
#E2F0CC
#DEF4CC
Colorpallet from #CCF4DE to #DECCF4 and to #DEF4CC
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CCF4DE
#CFEEE2
#CFEFE1
#CFF0E0
#CFF1DF
#CFF2DE
#CFF3DC
#CFF4DB
#D2E7E5
#D2E9E3
#D2EBE1
#D2EDDF
#D2EFDD
#D2F1DB
#D2F4D8
#D5E1E9
#D5E4E6
#D5E7E3
#D5EADF
#D5EDDC
#D5F0D9
#D5F4D5
#D8DAEC
#D8DEE8
#D8E2E4
#D8E6E0
#D8EBDB
#D8EFD7
#D8F4D2
#DAD4F0
#DAD9EB
#DADEE6
#DAE3E1
#DAE8DC
#DAEED6
#DAF4D0
#DECCF4
#DED2EE
#DED9E7
#DEDFE1
#DEE6DA
#DEECD4
#DEF4CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts