DemoDHTML: Filters

Chroma filter

This is a test of the Emergency Filtering Network.

Non-transparent background Transparent background

The "Apply Chroma" button makes navy tranparent for the text and red for the Santas.

What you should see

Notice that the edges are showing on the letters and Santa's hat. This is from anti-aliasing for smooth edges, which uses a blend of colors gradually fading from the interior color to the background color. For the Chroma filter to work well, the area to be made transparent needs to be truly a single color (not dithered) and without the "fuzzy" edges that anti-aliasing produces. Graphics in JPEG format are not usually appropriate for use with the Chroma filter since the colors are usually blended.

Syntax & Settings

For example, the text above has the filter:

filter:chroma(color=navy,enabled=0;)

In STYLE the general form for the Chroma filter is:

{FILTER: Chroma(Color=color)}

Color is the RGB value (or the name) for the color you want to be transparent.