W3cubDocs

/SVG

color-interpolation-filters

The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.

Notes: This property just has an affect on filter operations. Therefore, it has no effect on filter primitives like <feOffset>, <feImage>, <feTile> or <feFlood>.

color-interpolation-filters has a different initial value than color-interpolation. color-interpolation-filters has an initial value of linearRGB, whereas color-interpolation has an initial value of sRGB. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space.

It has no affect on filter functions, which operate in the sRGB color space.

Note: As a presentation attribute, color-interpolation can be used as a CSS property.

As a presentation attribute, it can be applied to any element but it only has an effect on the following eighteen elements: <feSpotLight>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feDropShadow>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feTurbulence>

Usage notes

Value	`auto` \| `sRGB` \| `linearRGB`
Default value	`linearRGB`
Animatable	discrete

auto: Indicates that the user agent can choose either the sRGB or linearRGB spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space.
sRGB: Indicates that color interpolation should occur in the sRGB color space.
linearRGB: Indicates that color interpolation should occur in the linearized RGB color space as described in the sRGB specification.

Specifications

Specification	Status	Comment
Filter Effects Module Level 1 The definition of 'color-interpolation' in that specification.	Working Draft	No significant change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'color-interpolation-filters' in that specification.	Recommendation	Initial definition

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
`color-interpolation-filters`	?	?	?	?	?	?

	Mobile
	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`color-interpolation-filters`	?	?	?	?	?	?

color-interpolation-filters

Usage notes

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also