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 #F1BED2 to #F1D2BE and to #BEF1D2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1C1CF
#F0C2CF
#EEC3D0
#EDC3D0
#ECC4D1
#EBC5D1
#E9C6D2
#F1C4CC
#EEC6CD
#ECC7CE
#E9C9CF
#E7CAD0
#E4CCD1
#E1CED2
#F1C8C8
#EDCACA
#E9CCCB
#E5CFCD
#E2D1CE
#DED3D0
#D9D6D2
#F1CBC5
#ECCEC7
#E6D1C9
#E1D5CB
#DCD8CD
#D7DBCF
#D0DFD2
#F1CEC2
#EAD2C5
#E4D6C7
#DDDACA
#D7DECC
#D0E2CF
#C8E7D2
#F1D2BE
#E9D7C1
#E1DCC4
#D9E1C8
#D0E6CB
#C8EBCE
#BEF1D2
Colorpallet from #F1BED2 to #F1D2BE and to #BED2F1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1C1CF
#F0C1D0
#EEC1D2
#EDC1D3
#ECC1D4
#EBC1D5
#E9C1D7
#F1C4CC
#EEC4CF
#ECC4D1
#E9C4D4
#E7C4D6
#E4C4D9
#E1C4DC
#F1C8C8
#EDC8CC
#E9C8D0
#E5C8D4
#E2C8D8
#DEC8DC
#D9C8E1
#F1CBC5
#ECCBCA
#E6CBD0
#E1CBD5
#DCCBDA
#D7CBDF
#D0CBE6
#F1CEC2
#EACEC9
#E4CECF
#DDCED6
#D7CEDC
#D0CEE3
#C8CEEB
#F1D2BE
#E9D2C6
#E1D2CE
#D9D2D6
#D0D2DF
#C8D2E7
#BED2F1
Colorpallet from #F1BED2 to #F1D2BE and to #D2F1BE
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1C1CF
#F0C2CF
#EFC3CF
#EFC3CF
#EEC4CF
#EDC5CF
#ECC6CF
#F1C4CC
#EFC6CC
#EEC7CC
#ECC9CC
#EBCACC
#E9CCCC
#E7CECC
#F1C8C8
#EFCAC8
#ECCCC8
#EACFC8
#E7D1C8
#E5D3C8
#E2D6C8
#F1CBC5
#EECEC5
#EBD1C5
#E7D5C5
#E4D8C5
#E1DBC5
#DDDFC5
#F1CEC2
#EDD2C2
#E9D6C2
#E5DAC2
#E1DEC2
#DDE2C2
#D8E7C2
#F1D2BE
#ECD7BE
#E7DCBE
#E2E1BE
#DDE6BE
#D8EBBE
#D2F1BE
Colorpallet from #F1BED2 to #F1D2BE and to #D2BEF1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1C1CF
#F0C1D0
#EFC0D2
#EFC0D3
#EEBFD4
#EDBFD5
#ECBED7
#F1C4CC
#EFC3CF
#EEC2D1
#ECC1D4
#EBC0D6
#E9BFD9
#E7BEDC
#F1C8C8
#EFC6CC
#ECC5D0
#EAC3D4
#E7C2D8
#E5C0DC
#E2BEE1
#F1CBC5
#EEC9CA
#EBC7D0
#E7C5D5
#E4C3DA
#E1C1DF
#DDBEE6
#F1CEC2
#EDCBC9
#E9C9CF
#E5C6D6
#E1C4DC
#DDC1E3
#D8BEEB
#F1D2BE
#ECCFC6
#E7CCCE
#E2C8D6
#DDC5DF
#D8C2E7
#D2BEF1
Colorpallet from #F1BED2 to #BEF1D2 and to #BED2F1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#E9C6D2
#E9C5D3
#E9C4D4
#E9C4D4
#E9C3D5
#E9C2D6
#E9C1D7
#E1CED2
#E1CCD4
#E1CBD5
#E1C9D7
#E1C8D8
#E1C6DA
#E1C4DC
#D9D6D2
#D9D4D4
#D9D2D7
#D9CFD9
#D9CDDC
#D9CBDE
#D9C8E1
#D0DFD2
#D0DCD5
#D0D9D8
#D0D5DC
#D0D2DF
#D0CFE2
#D0CBE6
#C8E7D2
#C8E3D6
#C8DFDA
#C8DBDE
#C8D7E2
#C8D3E6
#C8CEEB
#BEF1D2
#BEECD7
#BEE7DC
#BEE2E1
#BEDDE6
#BED8EB
#BED2F1
Colorpallet from #F1BED2 to #BEF1D2 and to #D2F1BE
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#E9C6D2
#E9C6D2
#EAC6D1
#EAC6D1
#EBC6D0
#EBC6D0
#ECC6CF
#E1CED2
#E2CED1
#E3CED0
#E4CECF
#E5CECE
#E6CECD
#E7CECC
#D9D6D2
#DAD6D0
#DCD6CF
#DDD6CD
#DFD6CC
#E0D6CA
#E2D6C8
#D0DFD2
#D2DFD0
#D4DFCE
#D6DFCC
#D8DFCA
#DADFC8
#DDDFC5
#C8E7D2
#CBE7CF
#CDE7CD
#D0E7CA
#D2E7C8
#D5E7C5
#D8E7C2
#BEF1D2
#C1F1CF
#C4F1CC
#C8F1C8
#CBF1C5
#CEF1C2
#D2F1BE
Colorpallet from #F1BED2 to #BEF1D2 and to #D2BEF1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#E9C6D2
#E9C5D3
#EAC3D4
#EAC2D4
#EBC1D5
#EBC0D6
#ECBED7
#E1CED2
#E2CBD4
#E3C9D5
#E4C6D7
#E5C4D8
#E6C1DA
#E7BEDC
#D9D6D2
#DAD2D4
#DCCED7
#DDCAD9
#DFC7DC
#E0C3DE
#E2BEE1
#D0DFD2
#D2DAD5
#D4D4D8
#D6CFDC
#D8CADF
#DAC5E2
#DDBEE6
#C8E7D2
#CBE0D6
#CDDADA
#D0D3DE
#D2CDE2
#D5C6E6
#D8BEEB
#BEF1D2
#C1E9D7
#C4E1DC
#C8D9E1
#CBD0E6
#CEC8EB
#D2BEF1
Colorpallet from #F1BED2 to #BED2F1 and to #D2F1BE
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#E9C1D7
#E9C2D6
#EAC3D4
#EAC3D3
#EBC4D2
#EBC5D1
#ECC6CF
#E1C4DC
#E2C6D9
#E3C7D7
#E4C9D4
#E5CAD2
#E6CCCF
#E7CECC
#D9C8E1
#DACADD
#DCCCD9
#DDCFD5
#DFD1D1
#E0D3CD
#E2D6C8
#D0CBE6
#D2CEE1
#D4D1DB
#D6D5D6
#D8D8D1
#DADBCC
#DDDFC5
#C8CEEB
#CBD2E4
#CDD6DE
#D0DAD7
#D2DED1
#D5E2CA
#D8E7C2
#BED2F1
#C1D7E9
#C4DCE1
#C8E1D9
#CBE6D0
#CEEBC8
#D2F1BE
Colorpallet from #F1BED2 to #BED2F1 and to #D2BEF1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#E9C1D7
#E9C1D7
#EAC0D7
#EAC0D7
#EBBFD7
#EBBFD7
#ECBED7
#E1C4DC
#E2C3DC
#E3C2DC
#E4C1DC
#E5C0DC
#E6BFDC
#E7BEDC
#D9C8E1
#DAC6E1
#DCC5E1
#DDC3E1
#DFC2E1
#E0C0E1
#E2BEE1
#D0CBE6
#D2C9E6
#D4C7E6
#D6C5E6
#D8C3E6
#DAC1E6
#DDBEE6
#C8CEEB
#CBCBEB
#CDC9EB
#D0C6EB
#D2C4EB
#D5C1EB
#D8BEEB
#BED2F1
#C1CFF1
#C4CCF1
#C8C8F1
#CBC5F1
#CEC2F1
#D2BEF1
Colorpallet from #F1BED2 to #D2F1BE and to #D2BEF1
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#F1BED2
#ECC6CF
#ECC5D0
#ECC3D2
#ECC2D3
#ECC1D4
#ECC0D5
#ECBED7
#E7CECC
#E7CBCF
#E7C9D1
#E7C6D4
#E7C4D6
#E7C1D9
#E7BEDC
#E2D6C8
#E2D2CC
#E2CED0
#E2CAD4
#E2C7D8
#E2C3DC
#E2BEE1
#DDDFC5
#DDDACA
#DDD4D0
#DDCFD5
#DDCADA
#DDC5DF
#DDBEE6
#D8E7C2
#D8E0C9
#D8DACF
#D8D3D6
#D8CDDC
#D8C6E3
#D8BEEB
#D2F1BE
#D2E9C6
#D2E1CE
#D2D9D6
#D2D0DF
#D2C8E7
#D2BEF1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts