<body>
   <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
    <defs>
      <filter id="MyFilter">
        <fecolormatrix id="color" type="hueRotate" values="90"></fecolormatrix>
      </filter>
    </defs>
  </svg>
  <div style="-webkit-filter: url(#MyFilter); filter: url(#MyFilter); width:100px; height:100px; background-color:red;"></div>
</body>