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 #F4D5C1 to #F4C1D5 and to #D5F4C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D2C4
#F3D3C4
#F2D5C3
#F2D6C3
#F1D7C2
#F0D8C2
#EFDAC1
#F4CFC7
#F2D2C6
#F1D4C5
#EFD7C4
#EED9C3
#ECDCC2
#EADFC1
#F4CBCB
#F2CFC9
#EFD3C8
#EDD7C6
#EADBC5
#E8DFC3
#E5E4C1
#F4C8CE
#F1CDCC
#EED3CA
#EAD8C8
#E7DDC6
#E4E2C4
#E0E9C1
#F4C5D1
#F0CCCE
#ECD2CC
#E8D9C9
#E4DFC7
#E0E6C4
#DBEEC1
#F4C1D5
#EFC9D2
#EAD1CF
#E5D9CB
#E0E2C8
#DBEAC5
#D5F4C1
Colorpallet from #F4D5C1 to #F4C1D5 and to #D5C1F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D2C4
#F3D2C5
#F2D2C6
#F2D2C6
#F1D2C7
#F0D2C8
#EFD2C9
#F4CFC7
#F2CFC9
#F1CFCA
#EFCFCC
#EECFCD
#ECCFCF
#EACFD1
#F4CBCB
#F2CBCD
#EFCBCF
#EDCBD2
#EACBD4
#E8CBD6
#E5CBD9
#F4C8CE
#F1C8D1
#EEC8D4
#EAC8D8
#E7C8DB
#E4C8DE
#E0C8E2
#F4C5D1
#F0C5D5
#ECC5D9
#E8C5DD
#E4C5E1
#E0C5E5
#DBC5EA
#F4C1D5
#EFC1DA
#EAC1DF
#E5C1E4
#E0C1E9
#DBC1EE
#D5C1F4
Colorpallet from #F4D5C1 to #F4C1D5 and to #C1F4D5
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D2C4
#F3D3C4
#F1D5C4
#F0D6C4
#EFD7C4
#EED8C4
#ECDAC4
#F4CFC7
#F1D2C7
#EFD4C7
#ECD7C7
#EAD9C7
#E7DCC7
#E4DFC7
#F4CBCB
#F0CFCB
#ECD3CB
#E8D7CB
#E5DBCB
#E1DFCB
#DCE4CB
#F4C8CE
#EFCDCE
#E9D3CE
#E4D8CE
#DFDDCE
#DAE2CE
#D3E9CE
#F4C5D1
#EDCCD1
#E7D2D1
#E0D9D1
#DADFD1
#D3E6D1
#CBEED1
#F4C1D5
#ECC9D5
#E4D1D5
#DCD9D5
#D3E2D5
#CBEAD5
#C1F4D5
Colorpallet from #F4D5C1 to #F4C1D5 and to #C1D5F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D2C4
#F3D2C5
#F1D3C6
#F0D3C6
#EFD4C7
#EED4C8
#ECD5C9
#F4CFC7
#F1D0C9
#EFD1CA
#ECD2CC
#EAD3CD
#E7D4CF
#E4D5D1
#F4CBCB
#F0CDCD
#ECCECF
#E8D0D2
#E5D1D4
#E1D3D6
#DCD5D9
#F4C8CE
#EFCAD1
#E9CCD4
#E4CED8
#DFD0DB
#DAD2DE
#D3D5E2
#F4C5D1
#EDC8D5
#E7CAD9
#E0CDDD
#DACFE1
#D3D2E5
#CBD5EA
#F4C1D5
#ECC4DA
#E4C7DF
#DCCBE4
#D3CEE9
#CBD1EE
#C1D5F4
Colorpallet from #F4D5C1 to #D5F4C1 and to #D5C1F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#EFDAC1
#EFD9C2
#EFD7C4
#EFD6C5
#EFD5C6
#EFD4C7
#EFD2C9
#EADFC1
#EADCC4
#EADAC6
#EAD7C9
#EAD5CB
#EAD2CE
#EACFD1
#E5E4C1
#E5E0C5
#E5DCC9
#E5D8CD
#E5D4D0
#E5D0D4
#E5CBD9
#E0E9C1
#E0E4C6
#E0DECC
#E0D9D1
#E0D4D6
#E0CFDB
#E0C8E2
#DBEEC1
#DBE7C8
#DBE1CE
#DBDAD5
#DBD4DB
#DBCDE2
#DBC5EA
#D5F4C1
#D5ECC9
#D5E4D1
#D5DCD9
#D5D3E2
#D5CBEA
#D5C1F4
Colorpallet from #F4D5C1 to #D5F4C1 and to #C1F4D5
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#EFDAC1
#EFDAC1
#EEDAC2
#EEDAC2
#EDDAC3
#EDDAC3
#ECDAC4
#EADFC1
#E9DFC2
#E8DFC3
#E7DFC4
#E6DFC5
#E5DFC6
#E4DFC7
#E5E4C1
#E4E4C3
#E2E4C4
#E1E4C6
#DFE4C7
#DEE4C9
#DCE4CB
#E0E9C1
#DEE9C3
#DCE9C5
#DAE9C7
#D8E9C9
#D6E9CB
#D3E9CE
#DBEEC1
#D8EEC4
#D6EEC6
#D3EEC9
#D1EECB
#CEEECE
#CBEED1
#D5F4C1
#D2F4C4
#CFF4C7
#CBF4CB
#C8F4CE
#C5F4D1
#C1F4D5
Colorpallet from #F4D5C1 to #D5F4C1 and to #C1D5F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#EFDAC1
#EFD9C2
#EED8C4
#EED8C5
#EDD7C6
#EDD6C7
#ECD5C9
#EADFC1
#E9DDC4
#E8DCC6
#E7DAC9
#E6D9CB
#E5D7CE
#E4D5D1
#E5E4C1
#E4E2C5
#E2DFC9
#E1DDCD
#DFDAD0
#DED8D4
#DCD5D9
#E0E9C1
#DEE6C6
#DCE3CC
#DADFD1
#D8DCD6
#D6D9DB
#D3D5E2
#DBEEC1
#D8EAC8
#D6E6CE
#D3E2D5
#D1DEDB
#CEDAE2
#CBD5EA
#D5F4C1
#D2EFC9
#CFEAD1
#CBE5D9
#C8E0E2
#C5DBEA
#C1D5F4
Colorpallet from #F4D5C1 to #D5C1F4 and to #C1F4D5
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#EFD2C9
#EFD3C8
#EED5C7
#EED6C7
#EDD7C6
#EDD8C5
#ECDAC4
#EACFD1
#E9D2CF
#E8D4CE
#E7D7CC
#E6D9CB
#E5DCC9
#E4DFC7
#E5CBD9
#E4CFD7
#E2D3D5
#E1D7D2
#DFDBD0
#DEDFCE
#DCE4CB
#E0C8E2
#DECDDF
#DCD3DC
#DAD8D8
#D8DDD5
#D6E2D2
#D3E9CE
#DBC5EA
#D8CCE6
#D6D2E2
#D3D9DE
#D1DFDA
#CEE6D6
#CBEED1
#D5C1F4
#D2C9EF
#CFD1EA
#CBD9E5
#C8E2E0
#C5EADB
#C1F4D5
Colorpallet from #F4D5C1 to #D5C1F4 and to #C1D5F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#EFD2C9
#EFD2C9
#EED3C9
#EED3C9
#EDD4C9
#EDD4C9
#ECD5C9
#EACFD1
#E9D0D1
#E8D1D1
#E7D2D1
#E6D3D1
#E5D4D1
#E4D5D1
#E5CBD9
#E4CDD9
#E2CED9
#E1D0D9
#DFD1D9
#DED3D9
#DCD5D9
#E0C8E2
#DECAE2
#DCCCE2
#DACEE2
#D8D0E2
#D6D2E2
#D3D5E2
#DBC5EA
#D8C8EA
#D6CAEA
#D3CDEA
#D1CFEA
#CED2EA
#CBD5EA
#D5C1F4
#D2C4F4
#CFC7F4
#CBCBF4
#C8CEF4
#C5D1F4
#C1D5F4
Colorpallet from #F4D5C1 to #C1F4D5 and to #C1D5F4
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#F4D5C1
#ECDAC4
#ECD9C5
#ECD8C6
#ECD8C6
#ECD7C7
#ECD6C8
#ECD5C9
#E4DFC7
#E4DDC9
#E4DCCA
#E4DACC
#E4D9CD
#E4D7CF
#E4D5D1
#DCE4CB
#DCE2CD
#DCDFCF
#DCDDD2
#DCDAD4
#DCD8D6
#DCD5D9
#D3E9CE
#D3E6D1
#D3E3D4
#D3DFD8
#D3DCDB
#D3D9DE
#D3D5E2
#CBEED1
#CBEAD5
#CBE6D9
#CBE2DD
#CBDEE1
#CBDAE5
#CBD5EA
#C1F4D5
#C1EFDA
#C1EADF
#C1E5E4
#C1E0E9
#C1DBEE
#C1D5F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts