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 #F2D8C1 to #F2C1D8 and to #D8F2C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D4C5
#F1D5C4
#F1D7C4
#F0D8C3
#EFD9C2
#EFDAC2
#EEDCC1
#F2D1C8
#F1D3C7
#EFD6C6
#EED8C5
#EDDBC4
#ECDDC2
#EAE0C1
#F2CDCC
#F0D1CA
#EED4C8
#ECD8C7
#EADCC5
#E8DFC3
#E6E4C1
#F2C9D0
#EFCECE
#EDD3CB
#EAD8C9
#E7DDC6
#E4E3C4
#E1E9C1
#F2C6D3
#EFCCD0
#EBD2CD
#E8D9CA
#E5DFC7
#E1E5C5
#DDEDC1
#F2C1D8
#EEC9D4
#EAD1D1
#E6D9CD
#E1E0C9
#DDE8C6
#D8F2C1
Colorpallet from #F2D8C1 to #F2C1D8 and to #D8C1F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D4C5
#F1D4C6
#F1D4C6
#F0D4C7
#EFD4C8
#EFD4C8
#EED4C9
#F2D1C8
#F1D1C9
#EFD1CB
#EED1CC
#EDD1CE
#ECD1CF
#EAD1D1
#F2CDCC
#F0CDCE
#EECDD0
#ECCDD2
#EACDD4
#E8CDD6
#E6CDD9
#F2C9D0
#EFC9D3
#EDC9D5
#EAC9D8
#E7C9DA
#E4C9DD
#E1C9E0
#F2C6D3
#EFC6D6
#EBC6DA
#E8C6DD
#E5C6E0
#E1C6E4
#DDC6E8
#F2C1D8
#EEC1DC
#EAC1E0
#E6C1E4
#E1C1E9
#DDC1ED
#D8C1F2
Colorpallet from #F2D8C1 to #F2C1D8 and to #C1F2D8
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D4C5
#F1D5C5
#EFD7C5
#EED8C5
#EDD9C5
#ECDAC5
#EADCC5
#F2D1C8
#EFD3C8
#EDD6C8
#EAD8C8
#E8DBC8
#E5DDC8
#E2E0C8
#F2CDCC
#EED1CC
#EAD4CC
#E6D8CC
#E3DCCC
#DFDFCC
#DAE4CC
#F2C9D0
#EDCED0
#E8D3D0
#E3D8D0
#DEDDD0
#D9E3D0
#D3E9D0
#F2C6D3
#ECCCD3
#E6D2D3
#DFD9D3
#D9DFD3
#D3E5D3
#CBEDD3
#F2C1D8
#EAC9D8
#E2D1D8
#DAD9D8
#D3E0D8
#CBE8D8
#C1F2D8
Colorpallet from #F2D8C1 to #F2C1D8 and to #C1D8F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D4C5
#F1D5C6
#EFD5C6
#EED6C7
#EDD7C8
#ECD7C8
#EAD8C9
#F2D1C8
#EFD2C9
#EDD3CB
#EAD4CC
#E8D5CE
#E5D7CF
#E2D8D1
#F2CDCC
#EECFCE
#EAD1D0
#E6D2D2
#E3D4D4
#DFD6D6
#DAD8D9
#F2C9D0
#EDCBD3
#E8CED5
#E3D0D8
#DED3DA
#D9D5DD
#D3D8E0
#F2C6D3
#ECC9D6
#E6CCDA
#DFCFDD
#D9D2E0
#D3D4E4
#CBD8E8
#F2C1D8
#EAC5DC
#E2C8E0
#DACCE4
#D3D0E9
#CBD3ED
#C1D8F2
Colorpallet from #F2D8C1 to #D8F2C1 and to #D8C1F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EEDCC1
#EEDBC2
#EED9C4
#EED8C5
#EED7C6
#EED6C7
#EED4C9
#EAE0C1
#EADEC4
#EADBC6
#EAD9C9
#EAD6CB
#EAD4CE
#EAD1D1
#E6E4C1
#E6E0C5
#E6DDC9
#E6D9CD
#E6D5D0
#E6D2D4
#E6CDD9
#E1E9C1
#E1E4C6
#E1DFCB
#E1DAD0
#E1D5D5
#E1CFDA
#E1C9E0
#DDEDC1
#DDE7C7
#DDE1CD
#DDDAD4
#DDD4DA
#DDCEE0
#DDC6E8
#D8F2C1
#D8EAC9
#D8E2D1
#D8DAD9
#D8D3E0
#D8CBE8
#D8C1F2
Colorpallet from #F2D8C1 to #D8F2C1 and to #C1F2D8
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EEDCC1
#EDDCC2
#EDDCC2
#ECDCC3
#EBDCC4
#EBDCC4
#EADCC5
#EAE0C1
#E9E0C2
#E7E0C3
#E6E0C4
#E5E0C5
#E4E0C7
#E2E0C8
#E6E4C1
#E4E4C3
#E2E4C5
#E0E4C6
#DEE4C8
#DCE4CA
#DAE4CC
#E1E9C1
#DFE9C3
#DDE9C6
#DAE9C8
#D8E9CB
#D6E9CD
#D3E9D0
#DDEDC1
#DAEDC4
#D7EDC7
#D4EDCA
#D1EDCD
#CFEDCF
#CBEDD3
#D8F2C1
#D4F2C5
#D1F2C8
#CDF2CC
#C9F2D0
#C6F2D3
#C1F2D8
Colorpallet from #F2D8C1 to #D8F2C1 and to #C1D8F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EEDCC1
#EDDBC2
#EDDBC4
#ECDAC5
#EBD9C6
#EBD9C7
#EAD8C9
#EAE0C1
#E9DFC4
#E7DDC6
#E6DCC9
#E5DBCB
#E4DACE
#E2D8D1
#E6E4C1
#E4E2C5
#E2E0C9
#E0DECD
#DEDCD0
#DCDAD4
#DAD8D9
#E1E9C1
#DFE6C6
#DDE4CB
#DAE1D0
#D8DED5
#D6DBDA
#D3D8E0
#DDEDC1
#DAEAC7
#D7E6CD
#D4E3D4
#D1E0DA
#CFDCE0
#CBD8E8
#D8F2C1
#D4EEC9
#D1EAD1
#CDE6D9
#C9E1E0
#C6DDE8
#C1D8F2
Colorpallet from #F2D8C1 to #D8C1F2 and to #C1F2D8
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EED4C9
#EDD5C8
#EDD7C8
#ECD8C7
#EBD9C6
#EBDAC6
#EADCC5
#EAD1D1
#E9D3D0
#E7D6CE
#E6D8CD
#E5DBCB
#E4DDCA
#E2E0C8
#E6CDD9
#E4D1D7
#E2D4D5
#E0D8D3
#DEDCD1
#DCDFCF
#DAE4CC
#E1C9E0
#DFCEDD
#DDD3DB
#DAD8D8
#D8DDD6
#D6E3D3
#D3E9D0
#DDC6E8
#DACCE5
#D7D2E1
#D4D9DE
#D1DFDB
#CFE5D7
#CBEDD3
#D8C1F2
#D4C9EE
#D1D1EA
#CDD9E6
#C9E0E1
#C6E8DD
#C1F2D8
Colorpallet from #F2D8C1 to #D8C1F2 and to #C1D8F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EED4C9
#EDD5C9
#EDD5C9
#ECD6C9
#EBD7C9
#EBD7C9
#EAD8C9
#EAD1D1
#E9D2D1
#E7D3D1
#E6D4D1
#E5D5D1
#E4D7D1
#E2D8D1
#E6CDD9
#E4CFD9
#E2D1D9
#E0D2D9
#DED4D9
#DCD6D9
#DAD8D9
#E1C9E0
#DFCBE0
#DDCEE0
#DAD0E0
#D8D3E0
#D6D5E0
#D3D8E0
#DDC6E8
#DAC9E8
#D7CCE8
#D4CFE8
#D1D2E8
#CFD4E8
#CBD8E8
#D8C1F2
#D4C5F2
#D1C8F2
#CDCCF2
#C9D0F2
#C6D3F2
#C1D8F2
Colorpallet from #F2D8C1 to #C1F2D8 and to #C1D8F2
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#F2D8C1
#EADCC5
#EADBC6
#EADBC6
#EADAC7
#EAD9C8
#EAD9C8
#EAD8C9
#E2E0C8
#E2DFC9
#E2DDCB
#E2DCCC
#E2DBCE
#E2DACF
#E2D8D1
#DAE4CC
#DAE2CE
#DAE0D0
#DADED2
#DADCD4
#DADAD6
#DAD8D9
#D3E9D0
#D3E6D3
#D3E4D5
#D3E1D8
#D3DEDA
#D3DBDD
#D3D8E0
#CBEDD3
#CBEAD6
#CBE6DA
#CBE3DD
#CBE0E0
#CBDCE4
#CBD8E8
#C1F2D8
#C1EEDC
#C1EAE0
#C1E6E4
#C1E1E9
#C1DDED
#C1D8F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts