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 #F4C1D4 to #F4D4C1 and to #C1F4D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C4D1
#F3C5D1
#F1C6D2
#F0C6D2
#EFC7D3
#EEC8D3
#ECC9D4
#F4C7CE
#F1C9CF
#EFCAD0
#ECCCD1
#EACDD2
#E7CFD3
#E4D1D4
#F4CACB
#F0CCCC
#ECCFCE
#E8D1CF
#E5D4D1
#E1D6D2
#DCD9D4
#F4CDC8
#EFD0CA
#E9D4CC
#E4D7CE
#DFDAD0
#DADED2
#D3E2D4
#F4D0C5
#EDD4C7
#E7D8CA
#E0DCCC
#DAE1CF
#D3E5D1
#CBEAD4
#F4D4C1
#ECD9C4
#E4DEC7
#DCE3CA
#D3E8CD
#CBEED0
#C1F4D4
Colorpallet from #F4C1D4 to #F4D4C1 and to #C1D4F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C4D1
#F3C4D2
#F1C4D4
#F0C4D5
#EFC4D6
#EEC4D7
#ECC4D9
#F4C7CE
#F1C7D1
#EFC7D3
#ECC7D6
#EAC7D8
#E7C7DB
#E4C7DE
#F4CACB
#F0CACF
#ECCAD3
#E8CAD7
#E5CADA
#E1CADE
#DCCAE3
#F4CDC8
#EFCDCD
#E9CDD2
#E4CDD7
#DFCDDC
#DACDE2
#D3CDE8
#F4D0C5
#EDD0CC
#E7D0D2
#E0D0D9
#DAD0DF
#D3D0E6
#CBD0EE
#F4D4C1
#ECD4C9
#E4D4D1
#DCD4D9
#D3D4E2
#CBD4EA
#C1D4F4
Colorpallet from #F4C1D4 to #F4D4C1 and to #D4F4C1
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C4D1
#F3C5D1
#F2C6D1
#F2C6D1
#F1C7D1
#F0C8D1
#EFC9D1
#F4C7CE
#F2C9CE
#F1CACE
#EFCCCE
#EECDCE
#ECCFCE
#EAD1CE
#F4CACB
#F2CCCB
#EFCFCB
#EDD1CB
#EAD4CB
#E8D6CB
#E5D9CB
#F4CDC8
#F1D0C8
#EED4C8
#EAD7C8
#E7DAC8
#E4DEC8
#E0E2C8
#F4D0C5
#F0D4C5
#ECD8C5
#E8DCC5
#E3E1C5
#DFE5C5
#DAEAC5
#F4D4C1
#EFD9C1
#EADEC1
#E5E3C1
#E0E8C1
#DAEEC1
#D4F4C1
Colorpallet from #F4C1D4 to #F4D4C1 and to #D4C1F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C4D1
#F3C4D2
#F2C3D4
#F2C3D5
#F1C2D6
#F0C2D7
#EFC1D9
#F4C7CE
#F2C6D1
#F1C5D3
#EFC4D6
#EEC3D8
#ECC2DB
#EAC1DE
#F4CACB
#F2C9CF
#EFC7D3
#EDC6D7
#EAC4DA
#E8C3DE
#E5C1E3
#F4CDC8
#F1CBCD
#EEC9D2
#EAC7D7
#E7C5DC
#E4C3E2
#E0C1E8
#F4D0C5
#F0CECC
#ECCBD2
#E8C9D9
#E3C6DF
#DFC4E6
#DAC1EE
#F4D4C1
#EFD1C9
#EACED1
#E5CBD9
#E0C8E2
#DAC5EA
#D4C1F4
Colorpallet from #F4C1D4 to #C1F4D4 and to #C1D4F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#ECC9D4
#ECC8D5
#ECC7D6
#ECC7D6
#ECC6D7
#ECC5D8
#ECC4D9
#E4D1D4
#E4CFD6
#E4CED7
#E4CCD9
#E4CBDA
#E4C9DC
#E4C7DE
#DCD9D4
#DCD7D6
#DCD4D9
#DCD2DB
#DCCFDE
#DCCDE0
#DCCAE3
#D3E2D4
#D3DFD7
#D3DBDA
#D3D8DE
#D3D5E1
#D3D1E4
#D3CDE8
#CBEAD4
#CBE6D8
#CBE2DC
#CBDEE0
#CBD9E5
#CBD5E9
#CBD0EE
#C1F4D4
#C1EFD9
#C1EADE
#C1E5E3
#C1E0E8
#C1DAEE
#C1D4F4
Colorpallet from #F4C1D4 to #C1F4D4 and to #D4F4C1
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#ECC9D4
#ECC9D4
#EDC9D3
#EDC9D3
#EEC9D2
#EEC9D2
#EFC9D1
#E4D1D4
#E5D1D3
#E6D1D2
#E7D1D1
#E8D1D0
#E9D1CF
#EAD1CE
#DCD9D4
#DDD9D3
#DFD9D1
#E0D9D0
#E2D9CE
#E3D9CD
#E5D9CB
#D3E2D4
#D5E2D2
#D7E2D0
#D9E2CE
#DBE2CC
#DDE2CA
#E0E2C8
#CBEAD4
#CDEAD2
#D0EACF
#D2EACD
#D5EACA
#D7EAC8
#DAEAC5
#C1F4D4
#C4F4D1
#C7F4CE
#CAF4CB
#CDF4C8
#D0F4C5
#D4F4C1
Colorpallet from #F4C1D4 to #C1F4D4 and to #D4C1F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#ECC9D4
#ECC8D5
#EDC6D6
#EDC5D6
#EEC4D7
#EEC3D8
#EFC1D9
#E4D1D4
#E5CED6
#E6CCD7
#E7C9D9
#E8C7DA
#E9C4DC
#EAC1DE
#DCD9D4
#DDD5D6
#DFD1D9
#E0CDDB
#E2CADE
#E3C6E0
#E5C1E3
#D3E2D4
#D5DDD7
#D7D7DA
#D9D2DE
#DBCDE1
#DDC8E4
#E0C1E8
#CBEAD4
#CDE3D8
#D0DDDC
#D2D6E0
#D5D0E5
#D7C9E9
#DAC1EE
#C1F4D4
#C4ECD9
#C7E4DE
#CADCE3
#CDD3E8
#D0CBEE
#D4C1F4
Colorpallet from #F4C1D4 to #C1D4F4 and to #D4F4C1
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#ECC4D9
#ECC5D8
#EDC6D6
#EDC6D5
#EEC7D4
#EEC8D3
#EFC9D1
#E4C7DE
#E5C9DB
#E6CAD9
#E7CCD6
#E8CDD4
#E9CFD1
#EAD1CE
#DCCAE3
#DDCCDF
#DFCFDB
#E0D1D7
#E2D4D4
#E3D6D0
#E5D9CB
#D3CDE8
#D5D0E3
#D7D4DE
#D9D7D9
#DBDAD4
#DDDECE
#E0E2C8
#CBD0EE
#CDD4E7
#D0D8E1
#D2DCDA
#D5E1D4
#D7E5CD
#DAEAC5
#C1D4F4
#C4D9EC
#C7DEE4
#CAE3DC
#CDE8D3
#D0EECB
#D4F4C1
Colorpallet from #F4C1D4 to #C1D4F4 and to #D4C1F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#ECC4D9
#ECC4D9
#EDC3D9
#EDC3D9
#EEC2D9
#EEC2D9
#EFC1D9
#E4C7DE
#E5C6DE
#E6C5DE
#E7C4DE
#E8C3DE
#E9C2DE
#EAC1DE
#DCCAE3
#DDC9E3
#DFC7E3
#E0C6E3
#E2C4E3
#E3C3E3
#E5C1E3
#D3CDE8
#D5CBE8
#D7C9E8
#D9C7E8
#DBC5E8
#DDC3E8
#E0C1E8
#CBD0EE
#CDCEEE
#D0CBEE
#D2C9EE
#D5C6EE
#D7C4EE
#DAC1EE
#C1D4F4
#C4D1F4
#C7CEF4
#CACBF4
#CDC8F4
#D0C5F4
#D4C1F4
Colorpallet from #F4C1D4 to #D4F4C1 and to #D4C1F4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#F4C1D4
#EFC9D1
#EFC8D2
#EFC6D4
#EFC5D5
#EFC4D6
#EFC3D7
#EFC1D9
#EAD1CE
#EACED1
#EACCD3
#EAC9D6
#EAC7D8
#EAC4DB
#EAC1DE
#E5D9CB
#E5D5CF
#E5D1D3
#E5CDD7
#E5CADA
#E5C6DE
#E5C1E3
#E0E2C8
#E0DDCD
#E0D7D2
#E0D2D7
#E0CDDC
#E0C8E2
#E0C1E8
#DAEAC5
#DAE3CC
#DADDD2
#DAD6D9
#DAD0DF
#DAC9E6
#DAC1EE
#D4F4C1
#D4ECC9
#D4E4D1
#D4DCD9
#D4D3E2
#D4CBEA
#D4C1F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts