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 #F2E3C0 to #F2C0E3 and to #E3F2C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2DDC6
#F2DEC5
#F1E0C4
#F1E1C3
#F1E2C2
#F0E3C1
#F0E5C0
#F2D8CB
#F1DBC9
#F0DDC7
#F0E0C6
#EFE2C4
#EEE5C2
#EDE8C0
#F2D2D1
#F1D6CE
#F0DACC
#EFDEC9
#EEE1C6
#ECE5C3
#EBEAC0
#F2CDD6
#F0D2D2
#EFD7CF
#EDDCCB
#ECE1C8
#EAE7C4
#E8EDC0
#F2C7DC
#F0CDD8
#EED4D3
#ECDACF
#EAE1CA
#E8E7C6
#E6EFC0
#F2C0E3
#F0C8DD
#EDD0D8
#EBD8D2
#E8E0CD
#E6E8C7
#E3F2C0
Colorpallet from #F2E3C0 to #F2C0E3 and to #E3C0F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2DDC6
#F2DDC6
#F1DDC7
#F1DDC7
#F1DDC7
#F0DDC8
#F0DDC8
#F2D8CB
#F1D8CC
#F0D8CD
#F0D8CD
#EFD8CE
#EED8CF
#EDD8D0
#F2D2D1
#F1D2D2
#F0D2D3
#EFD2D4
#EED2D5
#ECD2D7
#EBD2D8
#F2CDD6
#F0CDD8
#EFCDD9
#EDCDDB
#ECCDDC
#EACDDE
#E8CDE0
#F2C7DC
#F0C7DE
#EEC7E0
#ECC7E2
#EAC7E4
#E8C7E6
#E6C7E8
#F2C0E3
#F0C0E5
#EDC0E8
#EBC0EA
#E8C0ED
#E6C0EF
#E3C0F2
Colorpallet from #F2E3C0 to #F2C0E3 and to #C0F2E3
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2DDC6
#F1DEC6
#EFE0C6
#EEE1C6
#EDE2C6
#ECE3C6
#EAE5C6
#F2D8CB
#EFDBCB
#EDDDCB
#EAE0CB
#E8E2CB
#E5E5CB
#E2E8CB
#F2D2D1
#EED6D1
#EADAD1
#E6DED1
#E3E1D1
#DFE5D1
#DAEAD1
#F2CDD6
#EDD2D6
#E8D7D6
#E3DCD6
#DEE1D6
#D8E7D6
#D2EDD6
#F2C7DC
#ECCDDC
#E5D4DC
#DFDADC
#D8E1DC
#D2E7DC
#CAEFDC
#F2C0E3
#EAC8E3
#E2D0E3
#DAD8E3
#D2E0E3
#CAE8E3
#C0F2E3
Colorpallet from #F2E3C0 to #F2C0E3 and to #C0E3F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2DDC6
#F1DEC6
#EFDFC7
#EEE0C7
#EDE1C7
#ECE2C8
#EAE3C8
#F2D8CB
#EFDACC
#EDDCCD
#EADDCD
#E8DFCE
#E5E1CF
#E2E3D0
#F2D2D1
#EED5D2
#EAD7D3
#E6DAD4
#E3DDD5
#DFE0D7
#DAE3D8
#F2CDD6
#EDD1D8
#E8D4D9
#E3D8DB
#DEDBDC
#D8DFDE
#D2E3E0
#F2C7DC
#ECCBDE
#E5D0E0
#DFD4E2
#D8D9E4
#D2DDE6
#CAE3E8
#F2C0E3
#EAC6E5
#E2CBE8
#DAD1EA
#D2D6ED
#CADCEF
#C0E3F2
Colorpallet from #F2E3C0 to #E3F2C0 and to #E3C0F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F0E5C0
#F0E4C1
#F0E2C3
#F0E1C4
#F0E0C5
#F0DFC6
#F0DDC8
#EDE8C0
#EDE5C3
#EDE3C5
#EDE0C8
#EDDECA
#EDDBCD
#EDD8D0
#EBEAC0
#EBE6C4
#EBE2C8
#EBDECC
#EBDBCF
#EBD7D3
#EBD2D8
#E8EDC0
#E8E8C5
#E8E3CA
#E8DECF
#E8D9D4
#E8D3DA
#E8CDE0
#E6EFC0
#E6E9C6
#E6E2CD
#E6DCD3
#E6D5DA
#E6CFE0
#E6C7E8
#E3F2C0
#E3EAC8
#E3E2D0
#E3DAD8
#E3D2E0
#E3CAE8
#E3C0F2
Colorpallet from #F2E3C0 to #E3F2C0 and to #C0F2E3
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F0E5C0
#EFE5C1
#EEE5C2
#EDE5C3
#ECE5C4
#EBE5C5
#EAE5C6
#EDE8C0
#EBE8C2
#E9E8C4
#E8E8C5
#E6E8C7
#E4E8C9
#E2E8CB
#EBEAC0
#E8EAC3
#E6EAC5
#E3EAC8
#E0EACB
#DDEACE
#DAEAD1
#E8EDC0
#E4EDC4
#E1EDC7
#DDEDCB
#DAEDCE
#D6EDD2
#D2EDD6
#E6EFC0
#E2EFC4
#DDEFC9
#D9EFCD
#D4EFD2
#D0EFD6
#CAEFDC
#E3F2C0
#DDF2C6
#D8F2CB
#D2F2D1
#CDF2D6
#C7F2DC
#C0F2E3
Colorpallet from #F2E3C0 to #E3F2C0 and to #C0E3F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F0E5C0
#EFE5C1
#EEE4C3
#EDE4C4
#ECE4C5
#EBE3C6
#EAE3C8
#EDE8C0
#EBE7C3
#E9E6C5
#E8E6C8
#E6E5CA
#E4E4CD
#E2E3D0
#EBEAC0
#E8E9C4
#E6E8C8
#E3E7CC
#E0E6CF
#DDE4D3
#DAE3D8
#E8EDC0
#E4EBC5
#E1EACA
#DDE8CF
#DAE7D4
#D6E5DA
#D2E3E0
#E6EFC0
#E2EDC6
#DDEBCD
#D9E9D3
#D4E7DA
#D0E5E0
#CAE3E8
#E3F2C0
#DDF0C8
#D8EDD0
#D2EBD8
#CDE8E0
#C7E6E8
#C0E3F2
Colorpallet from #F2E3C0 to #E3C0F2 and to #C0F2E3
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F0DDC8
#EFDEC8
#EEE0C7
#EDE1C7
#ECE2C7
#EBE3C6
#EAE5C6
#EDD8D0
#EBDBCF
#E9DDCE
#E8E0CE
#E6E2CD
#E4E5CC
#E2E8CB
#EBD2D8
#E8D6D7
#E6DAD6
#E3DED5
#E0E1D4
#DDE5D2
#DAEAD1
#E8CDE0
#E4D2DE
#E1D7DD
#DDDCDB
#DAE1DA
#D6E7D8
#D2EDD6
#E6C7E8
#E2CDE6
#DDD4E4
#D9DAE2
#D4E1E0
#D0E7DE
#CAEFDC
#E3C0F2
#DDC8F0
#D8D0ED
#D2D8EB
#CDE0E8
#C7E8E6
#C0F2E3
Colorpallet from #F2E3C0 to #E3C0F2 and to #C0E3F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F0DDC8
#EFDEC8
#EEDFC8
#EDE0C8
#ECE1C8
#EBE2C8
#EAE3C8
#EDD8D0
#EBDAD0
#E9DCD0
#E8DDD0
#E6DFD0
#E4E1D0
#E2E3D0
#EBD2D8
#E8D5D8
#E6D7D8
#E3DAD8
#E0DDD8
#DDE0D8
#DAE3D8
#E8CDE0
#E4D1E0
#E1D4E0
#DDD8E0
#DADBE0
#D6DFE0
#D2E3E0
#E6C7E8
#E2CBE8
#DDD0E8
#D9D4E8
#D4D9E8
#D0DDE8
#CAE3E8
#E3C0F2
#DDC6F2
#D8CBF2
#D2D1F2
#CDD6F2
#C7DCF2
#C0E3F2
Colorpallet from #F2E3C0 to #C0F2E3 and to #C0E3F2
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#F2E3C0
#EAE5C6
#EAE5C6
#EAE4C7
#EAE4C7
#EAE4C7
#EAE3C8
#EAE3C8
#E2E8CB
#E2E7CC
#E2E6CD
#E2E6CD
#E2E5CE
#E2E4CF
#E2E3D0
#DAEAD1
#DAE9D2
#DAE8D3
#DAE7D4
#DAE6D5
#DAE4D7
#DAE3D8
#D2EDD6
#D2EBD8
#D2EAD9
#D2E8DB
#D2E7DC
#D2E5DE
#D2E3E0
#CAEFDC
#CAEDDE
#CAEBE0
#CAE9E2
#CAE7E4
#CAE5E6
#CAE3E8
#C0F2E3
#C0F0E5
#C0EDE8
#C0EBEA
#C0E8ED
#C0E6EF
#C0E3F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts