SVG Color Filter Playground

This is a tool to help understand how feColorMatrix works.
Drag an image in the left, change the values on the right.


Filter samples:
No Filter Purple Yellow Cyan Black & White Old Times Cold Life Sepium Milk

Click here
to add an image.
                
<filter id="linear">
    <feColorMatrix
      type="matrix"
      values="1 0 0 0 0
              0 1 0 0 0
              0 0 1 0 0
              0 0 0 1 0 "/>
  </filter>


            

You can read more about feColorMatrix and SVG Color Filters here:
http://alistapart.com/article/finessing-fecolormatrix