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 #F2EDCD to #F2CDED and to #EDF2CD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2E8D2
#F2E9D1
#F2EAD0
#F2EBD0
#F1ECCF
#F1EDCE
#F1EECD
#F2E3D7
#F2E5D5
#F1E7D4
#F1E9D2
#F1EBD1
#F0EDCF
#F0EFCD
#F2DEDC
#F2E1DA
#F1E3D7
#F1E6D5
#F1E9D2
#F0ECD0
#F0EFCD
#F2D9E1
#F2DDDE
#F1E0DB
#F1E4D7
#F0E8D4
#F0EBD1
#EFF0CD
#F2D3E7
#F1D8E3
#F1DDDF
#F0E1DB
#EFE6D6
#EFEBD2
#EEF1CD
#F2CDED
#F1D3E8
#F0D9E3
#F0DFDE
#EFE5D9
#EEEBD3
#EDF2CD
Colorpallet from #F2EDCD to #F2CDED and to #EDCDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2E8D2
#F2E8D2
#F2E8D2
#F2E8D2
#F1E8D3
#F1E8D3
#F1E8D3
#F2E3D7
#F2E3D7
#F1E3D8
#F1E3D8
#F1E3D8
#F0E3D9
#F0E3D9
#F2DEDC
#F2DEDC
#F1DEDD
#F1DEDD
#F1DEDE
#F0DEDE
#F0DEDF
#F2D9E1
#F2D9E2
#F1D9E2
#F1D9E3
#F0D9E4
#F0D9E4
#EFD9E5
#F2D3E7
#F1D3E8
#F1D3E8
#F0D3E9
#EFD3EA
#EFD3EA
#EED3EB
#F2CDED
#F1CDEE
#F0CDEF
#F0CDEF
#EFCDF0
#EECDF1
#EDCDF2
Colorpallet from #F2EDCD to #F2CDED and to #CDF2ED
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2E8D2
#F1E9D2
#F0EAD2
#EFEBD2
#EEECD2
#EDEDD2
#ECEED2
#F2E3D7
#F0E5D7
#EEE7D7
#ECE9D7
#EAEBD7
#E8EDD7
#E6EFD7
#F2DEDC
#EFE1DC
#ECE3DC
#E9E6DC
#E6E9DC
#E4ECDC
#E0EFDC
#F2D9E1
#EEDDE1
#EAE0E1
#E6E4E1
#E3E8E1
#DFEBE1
#DAF0E1
#F2D3E7
#EDD8E7
#E8DDE7
#E4E1E7
#DFE6E7
#DAEBE7
#D4F1E7
#F2CDED
#ECD3ED
#E6D9ED
#E0DFED
#DAE5ED
#D4EBED
#CDF2ED
Colorpallet from #F2EDCD to #F2CDED and to #CDEDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2E8D2
#F1E9D2
#F0EAD2
#EFEAD2
#EEEBD3
#EDECD3
#ECEDD3
#F2E3D7
#F0E5D7
#EEE6D8
#ECE8D8
#EAE9D8
#E8EBD9
#E6EDD9
#F2DEDC
#EFE0DC
#ECE3DD
#E9E5DD
#E6E8DE
#E4EADE
#E0EDDF
#F2D9E1
#EEDCE2
#EADFE2
#E6E3E3
#E3E6E4
#DFE9E4
#DAEDE5
#F2D3E7
#EDD7E8
#E8DBE8
#E4DFE9
#DFE4EA
#DAE8EA
#D4EDEB
#F2CDED
#ECD2EE
#E6D7EF
#E0DCEF
#DAE1F0
#D4E7F1
#CDEDF2
Colorpallet from #F2EDCD to #EDF2CD and to #EDCDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F1EECD
#F1EDCE
#F1ECCF
#F1EBD0
#F1EAD1
#F1E9D2
#F1E8D3
#F0EFCD
#F0EDCF
#F0EBD1
#F0E9D3
#F0E7D5
#F0E5D7
#F0E3D9
#F0EFCD
#F0ECD0
#F0EAD3
#F0E7D6
#F0E4D9
#F0E1DB
#F0DEDF
#EFF0CD
#EFECD1
#EFE9D5
#EFE5D9
#EFE1DC
#EFDEE0
#EFD9E5
#EEF1CD
#EEECD2
#EEE7D7
#EEE3DB
#EEDEE0
#EED9E5
#EED3EB
#EDF2CD
#EDECD3
#EDE6D9
#EDE0DF
#EDDAE5
#EDD4EB
#EDCDF2
Colorpallet from #F2EDCD to #EDF2CD and to #CDF2ED
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F1EECD
#F0EECE
#EFEECF
#EFEECF
#EEEED0
#EDEED1
#ECEED2
#F0EFCD
#EEEFCF
#EDEFD0
#EBEFD2
#EAEFD3
#E8EFD5
#E6EFD7
#F0EFCD
#EDEFCF
#EBEFD2
#E8EFD4
#E6EFD7
#E3EFD9
#E0EFDC
#EFF0CD
#ECF0D0
#E8F0D3
#E5F0D7
#E2F0DA
#DEF0DD
#DAF0E1
#EEF1CD
#EAF1D1
#E6F1D5
#E2F1D9
#DDF1DE
#D9F1E2
#D4F1E7
#EDF2CD
#E8F2D2
#E3F2D7
#DEF2DC
#D9F2E1
#D3F2E7
#CDF2ED
Colorpallet from #F2EDCD to #EDF2CD and to #CDEDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F1EECD
#F0EECE
#EFEECF
#EFEED0
#EEEDD1
#EDEDD2
#ECEDD3
#F0EFCD
#EEEFCF
#EDEED1
#EBEED3
#EAEED5
#E8EDD7
#E6EDD9
#F0EFCD
#EDEFD0
#EBEED3
#E8EED6
#E6EED9
#E3EDDB
#E0EDDF
#EFF0CD
#ECF0D1
#E8EFD5
#E5EFD9
#E2EEDC
#DEEEE0
#DAEDE5
#EEF1CD
#EAF0D2
#E6F0D7
#E2EFDB
#DDEEE0
#D9EEE5
#D4EDEB
#EDF2CD
#E8F1D3
#E3F0D9
#DEF0DF
#D9EFE5
#D3EEEB
#CDEDF2
Colorpallet from #F2EDCD to #EDCDF2 and to #CDF2ED
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F1E8D3
#F0E9D3
#EFEAD3
#EFEBD3
#EEECD2
#EDEDD2
#ECEED2
#F0E3D9
#EEE5D9
#EDE7D8
#EBE9D8
#EAEBD8
#E8EDD7
#E6EFD7
#F0DEDF
#EDE1DF
#EBE3DE
#E8E6DE
#E6E9DD
#E3ECDD
#E0EFDC
#EFD9E5
#ECDDE4
#E8E0E4
#E5E4E3
#E2E8E2
#DEEBE2
#DAF0E1
#EED3EB
#EAD8EA
#E6DDEA
#E2E1E9
#DDE6E8
#D9EBE8
#D4F1E7
#EDCDF2
#E8D3F1
#E3D9F0
#DEDFF0
#D9E5EF
#D3EBEE
#CDF2ED
Colorpallet from #F2EDCD to #EDCDF2 and to #CDEDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F1E8D3
#F0E9D3
#EFEAD3
#EFEAD3
#EEEBD3
#EDECD3
#ECEDD3
#F0E3D9
#EEE5D9
#EDE6D9
#EBE8D9
#EAE9D9
#E8EBD9
#E6EDD9
#F0DEDF
#EDE0DF
#EBE3DF
#E8E5DF
#E6E8DF
#E3EADF
#E0EDDF
#EFD9E5
#ECDCE5
#E8DFE5
#E5E3E5
#E2E6E5
#DEE9E5
#DAEDE5
#EED3EB
#EAD7EB
#E6DBEB
#E2DFEB
#DDE4EB
#D9E8EB
#D4EDEB
#EDCDF2
#E8D2F2
#E3D7F2
#DEDCF2
#D9E1F2
#D3E7F2
#CDEDF2
Colorpallet from #F2EDCD to #CDF2ED and to #CDEDF2
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#F2EDCD
#ECEED2
#ECEED2
#ECEED2
#ECEED2
#ECEDD3
#ECEDD3
#ECEDD3
#E6EFD7
#E6EFD7
#E6EED8
#E6EED8
#E6EED8
#E6EDD9
#E6EDD9
#E0EFDC
#E0EFDC
#E0EEDD
#E0EEDD
#E0EEDE
#E0EDDE
#E0EDDF
#DAF0E1
#DAF0E2
#DAEFE2
#DAEFE3
#DAEEE4
#DAEEE4
#DAEDE5
#D4F1E7
#D4F0E8
#D4F0E8
#D4EFE9
#D4EEEA
#D4EEEA
#D4EDEB
#CDF2ED
#CDF1EE
#CDF0EF
#CDF0EF
#CDEFF0
#CDEEF1
#CDEDF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts