Menu Home

feColorMatrix

osbo.com | SVG | Elements | feColorMatrix

The feColorMatrix SVG element specifies a matrix transformation on the RGBA color and alpha values of every pixel on the input graphics to produce a result with a new set of RGBA color and alpha values.

Syntax

Attributes

in

Specifies the input for the filter primitive.

If no value is provided and this is the first filter primitive, then this filter primitive will use SourceGraphic as its input. If no value is provided and this is a subsequent filter primitive, then this filter primitive will use the result from the previous filter primitive as its input.

Value
SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>
Default
SourceGraphic (or result)

type

Specifies the type of matrix operation.

Value
matrix | saturate | hueRotate | luminanceToAlpha
Default
matrix

values

Specifies a number or list of numbers depending on the type attribute.

For hueRotate, a single real number value (degrees).

For matrix, a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma.

For saturate, a single real number value.

Value
<list-of-numbers>
Default
(identity matrix)

Examples

in

BackgroundAlpha

BackgroundImage

FillPaint

<filter-primitive-reference>

SourceAlpha

SourceGraphic

StrokePaint

type

hueRotate

luminanceToAlpha

matrix

saturate

values

<list-of-numbers>

Internal

feBlend

feComponentTransfer

feComposite

feConvolveMatrix

feDiffuseLighting

feDisplacementMap

feDistantLight

feDropShadow

feFlood

feFuncA

feFuncB

feFuncG

feFuncR

feGaussianBlur

feImage

feMerge

feMergeMode

feMorphology

feOffset

fePointLight

feSpecularLighting

feSpotLight

feTile

feTurbulence

filter

External

World Wide Web Consortium (W3C)