<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<g transform="translate(10, 10)">
<rect x="0" y="0" width="100" height="100" fill="red" />
<rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#ct)"/>
</g>
<g transform="translate(130, 10)">
<rect x="0" y="0" width="100" height="100" fill="red" />
<rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#cm)"/>
</g>
<g transform="translate(250, 10)">
<rect x="0" y="0" width="100" height="100" fill="red" />
<rect x="40" y="40" width="20" height="20" fill="blue" filter="url(#ar)"/>
</g>
</g>
<defs>
<filter id="ct" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
<feComponentTransfer>
<feFuncR type="linear" intercept="0"
slope="0"/>
<feFuncG type="linear" intercept="1"
slope="0"/>
<feFuncB type="linear" intercept="0"
slope="0"/>
<feFuncA type="linear" intercept="1" slope="0"/>
</feComponentTransfer>
</filter>
<filter id="cm" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1"/>
</filter>
<filter id="ar" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
<feComposite operator="arithmetic" k4="1"/>
<feComponentTransfer>
<feFuncR type="linear" intercept="0"
slope="0"/>
<feFuncG type="linear" intercept="1"
slope="0"/>
<feFuncB type="linear" intercept="0"
slope="0"/>
</feComponentTransfer>
</filter>
</defs>
</svg>