<head>
  <script>
    function run() {
      document.getElementById('color').setAttribute('values', '90');
    }
 </script>
</head>
<body onload="run()">
   <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
    <defs>
      <filter id="MyFilter">
        <fecolormatrix id="color" type="hueRotate"></fecolormatrix>
      </filter>
    </defs>
  </svg>
  <div style="-webkit-filter: url(#MyFilter); filter: url(#MyFilter); width:100px; height:100px; background-color:red;"></div>
</body>