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 #F4CCDE to #F4DECC and to #CCF4DE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CFDB
#F3CFDB
#F2D0DC
#F1D0DC
#F0D1DD
#EFD1DD
#EED2DE
#F4D2D8
#F2D3D9
#F0D4DA
#EED5DB
#ECD6DC
#EAD8DD
#E7D9DE
#F4D5D5
#F1D7D6
#EED8D8
#EBDAD9
#E8DBDB
#E5DDDC
#E1DFDE
#F4D8D2
#F0DAD4
#ECDCD6
#E8DFD8
#E3E1DA
#DFE3DC
#DAE6DE
#F4DAD0
#EFDDD2
#EAE0D4
#E5E3D7
#E0E6D9
#DAE8DB
#D4ECDE
#F4DECC
#EEE2CF
#E7E5D2
#E1E9D5
#DAECD8
#D4F0DA
#CCF4DE
Colorpallet from #F4CCDE to #F4DECC and to #CCDEF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CFDB
#F3CFDC
#F2CFDD
#F1CFDE
#F0CFDF
#EFCFE1
#EECFE2
#F4D2D8
#F2D2DA
#F0D2DC
#EED2DE
#ECD2E0
#EAD2E2
#E7D2E5
#F4D5D5
#F1D5D8
#EED5DB
#EBD5DF
#E8D5E2
#E5D5E5
#E1D5E9
#F4D8D2
#F0D8D6
#ECD8DA
#E8D8DE
#E3D8E3
#DFD8E7
#DAD8EC
#F4DAD0
#EFDAD5
#EADADA
#E5DADF
#E0DAE4
#DADAEA
#D4DAF0
#F4DECC
#EEDED2
#E7DED9
#E1DEDF
#DADEE6
#D4DEEC
#CCDEF4
Colorpallet from #F4CCDE to #F4DECC and to #DEF4CC
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CFDB
#F3CFDB
#F3D0DB
#F2D0DB
#F1D1DB
#F1D1DB
#F0D2DB
#F4D2D8
#F3D3D8
#F2D4D8
#F1D5D8
#F0D6D8
#EED8D8
#EDD9D8
#F4D5D5
#F2D7D5
#F0D8D5
#EFDAD5
#EDDBD5
#EBDDD5
#E9DFD5
#F4D8D2
#F2DAD2
#F0DCD2
#EDDFD2
#EBE1D2
#E9E3D2
#E6E6D2
#F4DAD0
#F1DDD0
#EEE0D0
#EBE3D0
#E8E6D0
#E6E8D0
#E2ECD0
#F4DECC
#F0E2CC
#EDE5CC
#E9E9CC
#E6ECCC
#E2F0CC
#DEF4CC
Colorpallet from #F4CCDE to #F4DECC and to #DECCF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CFDB
#F3CFDC
#F3CEDD
#F2CEDE
#F1CDDF
#F1CDE1
#F0CCE2
#F4D2D8
#F3D1DA
#F2D0DC
#F1CFDE
#F0CEE0
#EECDE2
#EDCCE5
#F4D5D5
#F2D4D8
#F0D2DB
#EFD1DF
#EDCFE2
#EBCEE5
#E9CCE9
#F4D8D2
#F2D6D6
#F0D4DA
#EDD2DE
#EBD0E3
#E9CEE7
#E6CCEC
#F4DAD0
#F1D8D5
#EED6DA
#EBD3DF
#E8D1E4
#E6CFEA
#E2CCF0
#F4DECC
#F0DBD2
#EDD8D9
#E9D5DF
#E6D2E6
#E2D0EC
#DECCF4
Colorpallet from #F4CCDE to #CCF4DE and to #CCDEF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#EED2DE
#EED2DF
#EED1DF
#EED1E0
#EED0E1
#EED0E1
#EECFE2
#E7D9DE
#E7D8DF
#E7D7E0
#E7D6E1
#E7D5E2
#E7D3E4
#E7D2E5
#E1DFDE
#E1DDE0
#E1DCE2
#E1DAE3
#E1D9E5
#E1D7E7
#E1D5E9
#DAE6DE
#DAE4E0
#DAE2E2
#DADFE5
#DADDE7
#DADBE9
#DAD8EC
#D4ECDE
#D4E9E1
#D4E6E4
#D4E3E7
#D4E0EA
#D4DEEC
#D4DAF0
#CCF4DE
#CCF0E2
#CCEDE5
#CCE9E9
#CCE6EC
#CCE2F0
#CCDEF4
Colorpallet from #F4CCDE to #CCF4DE and to #DEF4CC
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#EED2DE
#EED2DE
#EFD2DD
#EFD2DD
#EFD2DC
#F0D2DC
#F0D2DB
#E7D9DE
#E8D9DD
#E9D9DC
#EAD9DB
#EBD9DA
#ECD9D9
#EDD9D8
#E1DFDE
#E2DFDD
#E4DFDB
#E5DFDA
#E6DFD8
#E7DFD7
#E9DFD5
#DAE6DE
#DCE6DC
#DEE6DA
#E0E6D8
#E2E6D6
#E4E6D4
#E6E6D2
#D4ECDE
#D6ECDC
#D8ECDA
#DBECD7
#DDECD5
#DFECD3
#E2ECD0
#CCF4DE
#CFF4DB
#D2F4D8
#D5F4D5
#D8F4D2
#DAF4D0
#DEF4CC
Colorpallet from #F4CCDE to #CCF4DE and to #DECCF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#EED2DE
#EED1DF
#EFD0DF
#EFCFE0
#EFCEE1
#F0CDE1
#F0CCE2
#E7D9DE
#E8D7DF
#E9D5E0
#EAD3E1
#EBD1E2
#ECCFE4
#EDCCE5
#E1DFDE
#E2DCE0
#E4D9E2
#E5D6E3
#E6D3E5
#E7D0E7
#E9CCE9
#DAE6DE
#DCE2E0
#DEDEE2
#E0DAE5
#E2D5E7
#E4D1E9
#E6CCEC
#D4ECDE
#D6E7E1
#D8E2E4
#DBDDE7
#DDD8EA
#DFD2EC
#E2CCF0
#CCF4DE
#CFEEE2
#D2E7E5
#D5E1E9
#D8DAEC
#DAD4F0
#DECCF4
Colorpallet from #F4CCDE to #CCDEF4 and to #DEF4CC
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#EECFE2
#EECFE1
#EFD0E0
#EFD0DF
#EFD1DE
#F0D1DC
#F0D2DB
#E7D2E5
#E8D3E3
#E9D4E1
#EAD5DF
#EBD6DD
#ECD8DB
#EDD9D8
#E1D5E9
#E2D7E6
#E4D8E3
#E5DADF
#E6DBDC
#E7DDD9
#E9DFD5
#DAD8EC
#DCDAE8
#DEDCE4
#E0DFE0
#E2E1DB
#E4E3D7
#E6E6D2
#D4DAF0
#D6DDEB
#D8E0E6
#DBE3E1
#DDE6DC
#DFE8D6
#E2ECD0
#CCDEF4
#CFE2EE
#D2E5E7
#D5E9E1
#D8ECDA
#DAF0D4
#DEF4CC
Colorpallet from #F4CCDE to #CCDEF4 and to #DECCF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#EECFE2
#EECFE2
#EFCEE2
#EFCEE2
#EFCDE2
#F0CDE2
#F0CCE2
#E7D2E5
#E8D1E5
#E9D0E5
#EACFE5
#EBCEE5
#ECCDE5
#EDCCE5
#E1D5E9
#E2D4E9
#E4D2E9
#E5D1E9
#E6CFE9
#E7CEE9
#E9CCE9
#DAD8EC
#DCD6EC
#DED4EC
#E0D2EC
#E2D0EC
#E4CEEC
#E6CCEC
#D4DAF0
#D6D8F0
#D8D6F0
#DBD3F0
#DDD1F0
#DFCFF0
#E2CCF0
#CCDEF4
#CFDBF4
#D2D8F4
#D5D5F4
#D8D2F4
#DAD0F4
#DECCF4
Colorpallet from #F4CCDE to #DEF4CC and to #DECCF4
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F4CCDE
#F0D2DB
#F0D1DC
#F0D0DD
#F0CFDE
#F0CEDF
#F0CDE1
#F0CCE2
#EDD9D8
#EDD7DA
#EDD5DC
#EDD3DE
#EDD1E0
#EDCFE2
#EDCCE5
#E9DFD5
#E9DCD8
#E9D9DB
#E9D6DF
#E9D3E2
#E9D0E5
#E9CCE9
#E6E6D2
#E6E2D6
#E6DEDA
#E6DADE
#E6D5E3
#E6D1E7
#E6CCEC
#E2ECD0
#E2E7D5
#E2E2DA
#E2DDDF
#E2D8E4
#E2D2EA
#E2CCF0
#DEF4CC
#DEEED2
#DEE7D9
#DEE1DF
#DEDAE6
#DED4EC
#DECCF4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts