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 #F2BDDA to #F2DABD and to #BDF2DA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2C2D5
#F1C2D6
#EFC3D7
#EEC3D7
#EDC4D8
#ECC4D9
#EAC5DA
#F2C6D1
#EFC7D2
#EDC9D4
#EACAD5
#E7CBD7
#E4CCD8
#E1CEDA
#F2CBCC
#EECDCE
#EACFD0
#E6D0D3
#E2D2D5
#DED4D7
#D9D6DA
#F2D0C7
#EDD2CA
#E7D5CD
#E2D7D0
#DCDAD3
#D7DCD6
#D0DFDA
#F2D4C3
#EBD7C7
#E5DACA
#DEDDCE
#D7E0D2
#D0E3D5
#C8E7DA
#F2DABD
#EADEC2
#E1E2C6
#D9E6CB
#D0E9D0
#C8EDD4
#BDF2DA
Colorpallet from #F2BDDA to #F2DABD and to #BDDAF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2C2D5
#F1C2D6
#EFC2D8
#EEC2D9
#EDC2DB
#ECC2DC
#EAC2DE
#F2C6D1
#EFC6D4
#EDC6D6
#EAC6D9
#E7C6DC
#E4C6DF
#E1C6E2
#F2CBCC
#EECBD0
#EACBD4
#E6CBD8
#E2CBDD
#DECBE1
#D9CBE6
#F2D0C7
#EDD0CC
#E7D0D2
#E2D0D7
#DCD0DD
#D7D0E2
#D0D0E9
#F2D4C3
#EBD4CA
#E5D4D0
#DED4D7
#D7D4DE
#D0D4E5
#C8D4ED
#F2DABD
#EADAC5
#E1DACE
#D9DAD6
#D0DADF
#C8DAE7
#BDDAF2
Colorpallet from #F2BDDA to #F2DABD and to #DAF2BD
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2C2D5
#F1C2D5
#F1C3D5
#F0C3D5
#EFC4D5
#EFC4D5
#EEC5D5
#F2C6D1
#F1C7D1
#EFC9D1
#EECAD1
#EDCBD1
#ECCCD1
#EACED1
#F2CBCC
#F0CDCC
#EECFCC
#ECD0CC
#EAD2CC
#E8D4CC
#E6D6CC
#F2D0C7
#F0D2C7
#EDD5C7
#EBD7C7
#E8DAC7
#E6DCC7
#E3DFC7
#F2D4C3
#EFD7C3
#ECDAC3
#E9DDC3
#E6E0C3
#E3E3C3
#DFE7C3
#F2DABD
#EEDEBD
#EAE2BD
#E6E6BD
#E3E9BD
#DFEDBD
#DAF2BD
Colorpallet from #F2BDDA to #F2DABD and to #DABDF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2C2D5
#F1C1D6
#F1C0D8
#F0C0D9
#EFBFDB
#EFBEDC
#EEBDDE
#F2C6D1
#F1C5D4
#EFC3D6
#EEC2D9
#EDC0DC
#ECBFDF
#EABDE2
#F2CBCC
#F0C9D0
#EEC7D4
#ECC4D8
#EAC2DD
#E8C0E1
#E6BDE6
#F2D0C7
#F0CDCC
#EDCAD2
#EBC7D7
#E8C4DD
#E6C1E2
#E3BDE9
#F2D4C3
#EFD0CA
#ECCDD0
#E9C9D7
#E6C5DE
#E3C2E5
#DFBDED
#F2DABD
#EED5C5
#EAD1CE
#E6CCD6
#E3C7DF
#DFC3E7
#DABDF2
Colorpallet from #F2BDDA to #BDF2DA and to #BDDAF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EAC5DA
#EAC5DB
#EAC4DB
#EAC4DC
#EAC3DD
#EAC3DD
#EAC2DE
#E1CEDA
#E1CDDB
#E1CBDD
#E1CADE
#E1C9DF
#E1C8E0
#E1C6E2
#D9D6DA
#D9D4DC
#D9D2DE
#D9D1E0
#D9CFE2
#D9CDE4
#D9CBE6
#D0DFDA
#D0DDDC
#D0DADF
#D0D8E1
#D0D5E4
#D0D3E6
#D0D0E9
#C8E7DA
#C8E4DD
#C8E1E0
#C8DEE3
#C8DBE6
#C8D8E9
#C8D4ED
#BDF2DA
#BDEEDE
#BDEAE2
#BDE6E6
#BDE3E9
#BDDFED
#BDDAF2
Colorpallet from #F2BDDA to #BDF2DA and to #DAF2BD
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EAC5DA
#EBC5D9
#EBC5D8
#ECC5D8
#EDC5D7
#EDC5D6
#EEC5D5
#E1CEDA
#E2CED9
#E4CED7
#E5CED6
#E7CED4
#E8CED3
#EACED1
#D9D6DA
#DBD6D8
#DDD6D6
#DFD6D3
#E1D6D1
#E3D6CF
#E6D6CC
#D0DFDA
#D3DFD7
#D6DFD4
#D9DFD1
#DCDFCE
#DFDFCB
#E3DFC7
#C8E7DA
#CCE7D6
#CFE7D3
#D3E7CF
#D7E7CB
#DAE7C8
#DFE7C3
#BDF2DA
#C2F2D5
#C6F2D1
#CBF2CC
#D0F2C7
#D4F2C3
#DAF2BD
Colorpallet from #F2BDDA to #BDF2DA and to #DABDF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EAC5DA
#EBC4DB
#EBC2DB
#ECC1DC
#EDC0DD
#EDBFDD
#EEBDDE
#E1CEDA
#E2CBDB
#E4C9DD
#E5C6DE
#E7C3DF
#E8C0E0
#EABDE2
#D9D6DA
#DBD2DC
#DDCEDE
#DFCAE0
#E1C6E2
#E3C2E4
#E6BDE6
#D0DFDA
#D3DADC
#D6D4DF
#D9CFE1
#DCC9E4
#DFC4E6
#E3BDE9
#C8E7DA
#CCE0DD
#CFDAE0
#D3D3E3
#D7CCE6
#DAC5E9
#DFBDED
#BDF2DA
#C2EADE
#C6E1E2
#CBD9E6
#D0D0E9
#D4C8ED
#DABDF2
Colorpallet from #F2BDDA to #BDDAF2 and to #DAF2BD
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EAC2DE
#EBC2DD
#EBC3DB
#ECC3DA
#EDC4D8
#EDC4D7
#EEC5D5
#E1C6E2
#E2C7DF
#E4C9DD
#E5CADA
#E7CBD7
#E8CCD4
#EACED1
#D9CBE6
#DBCDE2
#DDCFDE
#DFD0DA
#E1D2D5
#E3D4D1
#E6D6CC
#D0D0E9
#D3D2E4
#D6D5DE
#D9D7D9
#DCDAD3
#DFDCCE
#E3DFC7
#C8D4ED
#CCD7E6
#CFDAE0
#D3DDD9
#D7E0D2
#DAE3CB
#DFE7C3
#BDDAF2
#C2DEEA
#C6E2E1
#CBE6D9
#D0E9D0
#D4EDC8
#DAF2BD
Colorpallet from #F2BDDA to #BDDAF2 and to #DABDF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EAC2DE
#EBC1DE
#EBC0DE
#ECC0DE
#EDBFDE
#EDBEDE
#EEBDDE
#E1C6E2
#E2C5E2
#E4C3E2
#E5C2E2
#E7C0E2
#E8BFE2
#EABDE2
#D9CBE6
#DBC9E6
#DDC7E6
#DFC4E6
#E1C2E6
#E3C0E6
#E6BDE6
#D0D0E9
#D3CDE9
#D6CAE9
#D9C7E9
#DCC4E9
#DFC1E9
#E3BDE9
#C8D4ED
#CCD0ED
#CFCDED
#D3C9ED
#D7C5ED
#DAC2ED
#DFBDED
#BDDAF2
#C2D5F2
#C6D1F2
#CBCCF2
#D0C7F2
#D4C3F2
#DABDF2
Colorpallet from #F2BDDA to #DAF2BD and to #DABDF2
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#F2BDDA
#EEC5D5
#EEC4D6
#EEC2D8
#EEC1D9
#EEC0DB
#EEBFDC
#EEBDDE
#EACED1
#EACBD4
#EAC9D6
#EAC6D9
#EAC3DC
#EAC0DF
#EABDE2
#E6D6CC
#E6D2D0
#E6CED4
#E6CAD8
#E6C6DD
#E6C2E1
#E6BDE6
#E3DFC7
#E3DACC
#E3D4D2
#E3CFD7
#E3C9DD
#E3C4E2
#E3BDE9
#DFE7C3
#DFE0CA
#DFDAD0
#DFD3D7
#DFCCDE
#DFC5E5
#DFBDED
#DAF2BD
#DAEAC5
#DAE1CE
#DAD9D6
#DAD0DF
#DAC8E7
#DABDF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts