From the course: SVG: Clipping, Masking, and Filters

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

feColorMatrix, part 2

feColorMatrix, part 2

From the course: SVG: Clipping, Masking, and Filters

Start my 1-month free trial

feColorMatrix, part 2

“

- [Narrator] As the name suggests, the feColorMatrix filter primitive uses a color matrix to remap the colors of the original input pixel. The prepackaged functions you saw in the previous movie saturation, color rotation, and lumens to alpha are pre-defined matrixes where you supply some variable settings. Now we'll look at the actual matrix itself and see how it opens up new opportunities for color control and remapping. FeColorMatrix uses a numerical transformation matrix to transform each of the R, G, B, and A channels for every pixel in the graphic effectively giving each color channel its own RGBA channel. Here's how that works. For each of the four channels, red, green, blue, and alpha, we have a five number matrix line. The five numbers on each line represent the input values of red, green, blue, alpha as well as a multiplier if you want to change the overall value. The matrix takes the original input value for the channel and replaces it with whatever new color is specified…

Contents