feColorMatrix-1.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

         x="0%" y="0%" width="100%" height="100%">

  <feColorMatrix type="matrix" values="0 1 0 0 0   0 0 1 0 0   1 0 0 0 0   0 0 0 0.5 0"

   x="10%" y="10%" width="80%" height="80%" style="color-interpolation-filters:sRGB"/>

</filter>

<rect x="0" y="0" width="100" height="100" fill="#123456" filter="url(#f1)"/>

</svg>