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 #F1CFDF to #F1DFCF and to #CFF1DF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1D2DC
#F0D2DC
#EFD3DD
#EFD3DD
#EED3DE
#EDD4DE
#ECD4DF
#F1D4DA
#EFD5DB
#EDD6DC
#ECD7DC
#EAD8DD
#E8D9DE
#E6DADF
#F1D7D7
#EED8D8
#ECDADA
#E9DBDB
#E7DCDC
#E4DDDD
#E1DFDF
#F1D9D5
#EDDBD7
#EADDD8
#E6DFDA
#E3E1DB
#DFE3DD
#DBE5DF
#F1DCD2
#EDDED4
#E8E0D6
#E4E3D8
#E0E5DA
#DBE7DC
#D6EADF
#F1DFCF
#ECE2D2
#E6E5D4
#E1E8D7
#DBEBD9
#D6EDDC
#CFF1DF
Colorpallet from #F1CFDF to #F1DFCF and to #CFDFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1D2DC
#F0D2DD
#EFD2DE
#EFD2DF
#EED2E0
#EDD2E1
#ECD2E2
#F1D4DA
#EFD4DC
#EDD4DE
#ECD4DF
#EAD4E1
#E8D4E3
#E6D4E5
#F1D7D7
#EED7DA
#ECD7DC
#E9D7DF
#E7D7E2
#E4D7E5
#E1D7E8
#F1D9D5
#EDD9D9
#EAD9DC
#E6D9E0
#E3D9E3
#DFD9E7
#DBD9EB
#F1DCD2
#EDDCD6
#E8DCDB
#E4DCDF
#E0DCE3
#DBDCE8
#D6DCED
#F1DFCF
#ECDFD4
#E6DFDA
#E1DFDF
#DBDFE5
#D6DFEA
#CFDFF1
Colorpallet from #F1CFDF to #F1DFCF and to #DFF1CF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1D2DC
#F1D2DC
#F0D3DC
#F0D3DC
#EFD3DC
#EFD4DC
#EED4DC
#F1D4DA
#F0D5DA
#EFD6DA
#EED7DA
#EDD8DA
#ECD9DA
#EBDADA
#F1D7D7
#F0D8D7
#EEDAD7
#EDDBD7
#EBDCD7
#EADDD7
#E8DFD7
#F1D9D5
#EFDBD5
#EDDDD5
#EBDFD5
#E9E1D5
#E7E3D5
#E5E5D5
#F1DCD2
#EFDED2
#EDE0D2
#EAE3D2
#E8E5D2
#E6E7D2
#E3EAD2
#F1DFCF
#EEE2CF
#EBE5CF
#E8E8CF
#E5EBCF
#E3EDCF
#DFF1CF
Colorpallet from #F1CFDF to #F1DFCF and to #DFCFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1D2DC
#F1D2DD
#F0D1DE
#F0D1DF
#EFD0E0
#EFD0E1
#EECFE2
#F1D4DA
#F0D3DC
#EFD2DE
#EED2DF
#EDD1E1
#ECD0E3
#EBCFE5
#F1D7D7
#F0D6DA
#EED4DC
#EDD3DF
#EBD2E2
#EAD1E5
#E8CFE8
#F1D9D5
#EFD7D9
#EDD6DC
#EBD4E0
#E9D3E3
#E7D1E7
#E5CFEB
#F1DCD2
#EFDAD6
#EDD8DB
#EAD6DF
#E8D4E3
#E6D2E8
#E3CFED
#F1DFCF
#EEDCD4
#EBDADA
#E8D7DF
#E5D5E5
#E3D2EA
#DFCFF1
Colorpallet from #F1CFDF to #CFF1DF and to #CFDFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#ECD4DF
#ECD4DF
#ECD3E0
#ECD3E0
#ECD3E1
#ECD2E1
#ECD2E2
#E6DADF
#E6D9E0
#E6D8E1
#E6D7E2
#E6D6E3
#E6D5E4
#E6D4E5
#E1DFDF
#E1DEE0
#E1DCE2
#E1DBE3
#E1DAE5
#E1D9E6
#E1D7E8
#DBE5DF
#DBE3E1
#DBE1E3
#DBDFE5
#DBDDE7
#DBDBE9
#DBD9EB
#D6EADF
#D6E8E1
#D6E6E3
#D6E3E6
#D6E1E8
#D6DFEA
#D6DCED
#CFF1DF
#CFEEE2
#CFEBE5
#CFE8E8
#CFE5EB
#CFE3ED
#CFDFF1
Colorpallet from #F1CFDF to #CFF1DF and to #DFF1CF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#ECD4DF
#ECD4DF
#EDD4DE
#EDD4DE
#EDD4DD
#EED4DD
#EED4DC
#E6DADF
#E7DADE
#E8DADD
#E8DADD
#E9DADC
#EADADB
#EBDADA
#E1DFDF
#E2DFDE
#E3DFDC
#E4DFDB
#E5DFDA
#E7DFD9
#E8DFD7
#DBE5DF
#DDE5DD
#DEE5DC
#E0E5DA
#E1E5D9
#E3E5D7
#E5E5D5
#D6EADF
#D8EADD
#DAEADB
#DCEAD9
#DEEAD7
#E0EAD5
#E3EAD2
#CFF1DF
#D2F1DC
#D4F1DA
#D7F1D7
#D9F1D5
#DCF1D2
#DFF1CF
Colorpallet from #F1CFDF to #CFF1DF and to #DFCFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#ECD4DF
#ECD3DF
#EDD2E0
#EDD2E0
#EDD1E1
#EED0E1
#EECFE2
#E6DADF
#E7D8E0
#E8D6E1
#E8D5E2
#E9D3E3
#EAD1E4
#EBCFE5
#E1DFDF
#E2DCE0
#E3DAE2
#E4D7E3
#E5D5E5
#E7D2E6
#E8CFE8
#DBE5DF
#DDE1E1
#DEDEE3
#E0DAE5
#E1D7E7
#E3D3E9
#E5CFEB
#D6EADF
#D8E6E1
#DAE1E3
#DCDDE6
#DED9E8
#E0D4EA
#E3CFED
#CFF1DF
#D2ECE2
#D4E6E5
#D7E1E8
#D9DBEB
#DCD6ED
#DFCFF1
Colorpallet from #F1CFDF to #CFDFF1 and to #DFF1CF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#ECD2E2
#ECD2E1
#EDD3E0
#EDD3DF
#EDD3DE
#EED4DD
#EED4DC
#E6D4E5
#E7D5E3
#E8D6E1
#E8D7E0
#E9D8DE
#EAD9DC
#EBDADA
#E1D7E8
#E2D8E5
#E3DAE3
#E4DBE0
#E5DCDD
#E7DDDA
#E8DFD7
#DBD9EB
#DDDBE7
#DEDDE4
#E0DFE0
#E1E1DD
#E3E3D9
#E5E5D5
#D6DCED
#D8DEE9
#DAE0E4
#DCE3E0
#DEE5DC
#E0E7D7
#E3EAD2
#CFDFF1
#D2E2EC
#D4E5E6
#D7E8E1
#D9EBDB
#DCEDD6
#DFF1CF
Colorpallet from #F1CFDF to #CFDFF1 and to #DFCFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#ECD2E2
#ECD2E2
#EDD1E2
#EDD1E2
#EDD0E2
#EED0E2
#EECFE2
#E6D4E5
#E7D3E5
#E8D2E5
#E8D2E5
#E9D1E5
#EAD0E5
#EBCFE5
#E1D7E8
#E2D6E8
#E3D4E8
#E4D3E8
#E5D2E8
#E7D1E8
#E8CFE8
#DBD9EB
#DDD7EB
#DED6EB
#E0D4EB
#E1D3EB
#E3D1EB
#E5CFEB
#D6DCED
#D8DAED
#DAD8ED
#DCD6ED
#DED4ED
#E0D2ED
#E3CFED
#CFDFF1
#D2DCF1
#D4DAF1
#D7D7F1
#D9D5F1
#DCD2F1
#DFCFF1
Colorpallet from #F1CFDF to #DFF1CF and to #DFCFF1
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#F1CFDF
#EED4DC
#EED3DD
#EED2DE
#EED2DF
#EED1E0
#EED0E1
#EECFE2
#EBDADA
#EBD8DC
#EBD6DE
#EBD5DF
#EBD3E1
#EBD1E3
#EBCFE5
#E8DFD7
#E8DCDA
#E8DADC
#E8D7DF
#E8D5E2
#E8D2E5
#E8CFE8
#E5E5D5
#E5E1D9
#E5DEDC
#E5DAE0
#E5D7E3
#E5D3E7
#E5CFEB
#E3EAD2
#E3E6D6
#E3E1DB
#E3DDDF
#E3D9E3
#E3D4E8
#E3CFED
#DFF1CF
#DFECD4
#DFE6DA
#DFE1DF
#DFDBE5
#DFD6EA
#DFCFF1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts