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 #F4C2C1 to #F4C1C2 and to #C2F4C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F3C3C1
#F1C5C1
#F0C6C1
#EFC7C1
#EEC8C1
#ECCAC1
#F4C2C1
#F1C5C1
#EFC7C1
#ECCAC1
#EACCC1
#E7CFC1
#E4D2C1
#F4C2C1
#F0C6C1
#ECCAC1
#E8CEC1
#E5D1C1
#E1D5C1
#DCDAC1
#F4C1C2
#EFC6C2
#EACCC2
#E5D1C2
#E0D6C1
#DADBC1
#D4E2C1
#F4C1C2
#EEC8C2
#E7CEC2
#E1D5C2
#DADBC1
#D4E2C1
#CCEAC1
#F4C1C2
#ECC9C2
#E4D1C2
#DCD9C2
#D4E2C1
#CCEAC1
#C2F4C1
Colorpallet from #F4C2C1 to #F4C1C2 and to #C2C1F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F3C2C2
#F1C2C4
#F0C2C5
#EFC2C6
#EEC2C7
#ECC2C9
#F4C2C1
#F1C2C4
#EFC2C6
#ECC2C9
#EAC2CB
#E7C2CE
#E4C2D1
#F4C2C1
#F0C2C5
#ECC2C9
#E8C2CD
#E5C2D0
#E1C2D4
#DCC2D9
#F4C1C2
#EFC1C7
#EAC1CC
#E5C1D1
#E0C1D6
#DAC1DC
#D4C1E2
#F4C1C2
#EEC1C8
#E7C1CF
#E1C1D5
#DAC1DC
#D4C1E2
#CCC1EA
#F4C1C2
#ECC1CA
#E4C1D2
#DCC1DA
#D4C1E2
#CCC1EA
#C2C1F4
Colorpallet from #F4C2C1 to #F4C1C2 and to #C1F4C2
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F3C3C1
#F1C5C1
#F0C6C1
#EFC7C1
#EEC8C1
#ECCAC1
#F4C2C1
#F1C5C1
#EFC7C1
#ECCAC1
#EACCC1
#E7CFC1
#E4D2C1
#F4C2C1
#F0C6C1
#ECCAC1
#E8CEC1
#E5D1C1
#E1D5C1
#DCDAC1
#F4C1C2
#EFC6C2
#E9CCC2
#E4D1C2
#DFD6C2
#DADBC2
#D3E2C2
#F4C1C2
#EDC8C2
#E7CEC2
#E0D5C2
#DADBC2
#D3E2C2
#CBEAC2
#F4C1C2
#ECC9C2
#E4D1C2
#DCD9C2
#D3E2C2
#CBEAC2
#C1F4C2
Colorpallet from #F4C2C1 to #F4C1C2 and to #C1C2F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F3C2C2
#F1C2C4
#F0C2C5
#EFC2C6
#EEC2C7
#ECC2C9
#F4C2C1
#F1C2C4
#EFC2C6
#ECC2C9
#EAC2CB
#E7C2CE
#E4C2D1
#F4C2C1
#F0C2C5
#ECC2C9
#E8C2CD
#E5C2D0
#E1C2D4
#DCC2D9
#F4C1C2
#EFC1C7
#E9C1CC
#E4C1D1
#DFC2D6
#DAC2DC
#D3C2E2
#F4C1C2
#EDC1C8
#E7C1CF
#E0C1D5
#DAC2DC
#D3C2E2
#CBC2EA
#F4C1C2
#ECC1CA
#E4C1D2
#DCC1DA
#D3C2E2
#CBC2EA
#C1C2F4
Colorpallet from #F4C2C1 to #C2F4C1 and to #C2C1F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECCAC1
#ECC9C2
#ECC7C4
#ECC6C5
#ECC5C6
#ECC4C7
#ECC2C9
#E4D2C1
#E4CFC4
#E4CDC6
#E4CAC9
#E4C8CB
#E4C5CE
#E4C2D1
#DCDAC1
#DCD6C5
#DCD2C9
#DCCECD
#DCCBD0
#DCC7D4
#DCC2D9
#D4E2C1
#D4DDC6
#D4D7CC
#D4D2D1
#D4CDD6
#D4C8DB
#D4C1E2
#CCEAC1
#CCE3C8
#CCDDCE
#CCD6D5
#CCD0DB
#CCC9E2
#CCC1EA
#C2F4C1
#C2ECC9
#C2E4D1
#C2DCD9
#C2D3E2
#C2CBEA
#C2C1F4
Colorpallet from #F4C2C1 to #C2F4C1 and to #C1F4C2
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECCAC1
#ECCAC1
#ECCAC1
#ECCAC1
#ECCAC1
#ECCAC1
#ECCAC1
#E4D2C1
#E4D2C1
#E4D2C1
#E4D2C1
#E4D2C1
#E4D2C1
#E4D2C1
#DCDAC1
#DCDAC1
#DCDAC1
#DCDAC1
#DCDAC1
#DCDAC1
#DCDAC1
#D4E2C1
#D4E2C1
#D4E2C1
#D4E2C1
#D3E2C2
#D3E2C2
#D3E2C2
#CCEAC1
#CCEAC1
#CCEAC1
#CCEAC1
#CBEAC2
#CBEAC2
#CBEAC2
#C2F4C1
#C2F4C1
#C2F4C1
#C2F4C1
#C1F4C2
#C1F4C2
#C1F4C2
Colorpallet from #F4C2C1 to #C2F4C1 and to #C1C2F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECCAC1
#ECC9C2
#ECC7C4
#ECC6C5
#ECC5C6
#ECC4C7
#ECC2C9
#E4D2C1
#E4CFC4
#E4CDC6
#E4CAC9
#E4C8CB
#E4C5CE
#E4C2D1
#DCDAC1
#DCD6C5
#DCD2C9
#DCCECD
#DCCBD0
#DCC7D4
#DCC2D9
#D4E2C1
#D4DDC6
#D4D8CC
#D4D3D1
#D3CED6
#D3C8DB
#D3C2E2
#CCEAC1
#CCE4C8
#CCDDCE
#CCD7D5
#CBD0DB
#CBCAE2
#CBC2EA
#C2F4C1
#C2ECC9
#C2E4D1
#C2DCD9
#C1D4E2
#C1CCEA
#C1C2F4
Colorpallet from #F4C2C1 to #C2C1F4 and to #C1F4C2
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECC2C9
#ECC3C8
#ECC5C6
#ECC6C5
#ECC7C4
#ECC8C3
#ECCAC1
#E4C2D1
#E4C5CE
#E4C7CC
#E4CAC9
#E4CCC7
#E4CFC4
#E4D2C1
#DCC2D9
#DCC6D5
#DCCAD1
#DCCECD
#DCD1CA
#DCD5C6
#DCDAC1
#D4C1E2
#D4C6DD
#D4CCD8
#D4D1D3
#D3D6CE
#D3DBC8
#D3E2C2
#CCC1EA
#CCC8E4
#CCCEDD
#CCD5D7
#CBDBD0
#CBE2CA
#CBEAC2
#C2C1F4
#C2C9EC
#C2D1E4
#C2D9DC
#C1E2D4
#C1EACC
#C1F4C2
Colorpallet from #F4C2C1 to #C2C1F4 and to #C1C2F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECC2C9
#ECC2C9
#ECC2C9
#ECC2C9
#ECC2C9
#ECC2C9
#ECC2C9
#E4C2D1
#E4C2D1
#E4C2D1
#E4C2D1
#E4C2D1
#E4C2D1
#E4C2D1
#DCC2D9
#DCC2D9
#DCC2D9
#DCC2D9
#DCC2D9
#DCC2D9
#DCC2D9
#D4C1E2
#D4C1E2
#D4C1E2
#D4C1E2
#D3C2E2
#D3C2E2
#D3C2E2
#CCC1EA
#CCC1EA
#CCC1EA
#CCC1EA
#CBC2EA
#CBC2EA
#CBC2EA
#C2C1F4
#C2C1F4
#C2C1F4
#C2C1F4
#C1C2F4
#C1C2F4
#C1C2F4
Colorpallet from #F4C2C1 to #C1F4C2 and to #C1C2F4
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#F4C2C1
#ECCAC1
#ECC9C2
#ECC7C4
#ECC6C5
#ECC5C6
#ECC4C7
#ECC2C9
#E4D2C1
#E4CFC4
#E4CDC6
#E4CAC9
#E4C8CB
#E4C5CE
#E4C2D1
#DCDAC1
#DCD6C5
#DCD2C9
#DCCECD
#DCCBD0
#DCC7D4
#DCC2D9
#D3E2C2
#D3DDC7
#D3D8CC
#D3D3D1
#D3CED6
#D3C8DC
#D3C2E2
#CBEAC2
#CBE4C8
#CBDDCF
#CBD7D5
#CBD0DC
#CBCAE2
#CBC2EA
#C1F4C2
#C1ECCA
#C1E4D2
#C1DCDA
#C1D4E2
#C1CCEA
#C1C2F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts