color-interpolation-filters

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die color-interpolation-filters CSS Eigenschaft gibt den Farbraum für Bildoperationen an, die über SVG-Filtereffekte durchgeführt werden. Wenn explizit deklariert, überschreibt der Wert der CSS-Eigenschaft jeden im Attribut color-interpolation-filters angegebenen Wert des Elements.

Hinweis: Die Eigenschaft color-interpolation-filters ist nur für SVG-Filteroperationen relevant. Sie hat keine Auswirkung auf Filterprimitiven wie <feOffset>, <feImage>, <feTile>, und <feFlood>, sondern wird auf die verschiedenen Filtereffektelemente angewendet (z.B. <feBlend>); siehe die SVG color-interpolation-filters Seite für eine vollständige Liste.

Hinweis: Es ist wichtig zu beachten, dass das SVG-Attribut color-interpolation einen Anfangswert von sRGB hat, während color-interpolation-filters einen Anfangswert von linearRGB hat. Das bedeutet, dass im Standardfall Filtereffekt-Interpolationen in einem anderen Farbraum als alle anderen Farbinterpolationen durchgeführt werden.

Syntax

css
color-interpolation-filters: auto;
color-interpolation-filters: linearRGB;
color-interpolation-filters: sRGB;

/* Global values */
color-interpolation-filters: inherit;
color-interpolation-filters: initial;
color-interpolation-filters: revert;
color-interpolation-filters: revert-layer;
color-interpolation-filters: unset;

Werte

linearRGB

Gibt an, dass die Farbinterpolation im linearisierten RGB-Farbraum wie in der sRGB-Spezifikation beschrieben erfolgen soll. Dies ist der Standardwert der Eigenschaft.

sRGB

Gibt an, dass die Farbinterpolation im gamma-kodierten sRGB-Farbraum erfolgen soll.

auto

Gibt an, dass der Benutzeragent entweder die sRGB- oder die linearRGB-Räume für die Farbinterpolation wählen kann. Diese Option weist darauf hin, dass der Autor nicht verlangt, dass die Farbinterpolation in einem bestimmten Farbraum erfolgt.

Formale Definition

AnfangswertlinearRGB
Anwendbar aufThe set of elements that control the output of a <filter> element in <svg>
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

color-interpolation-filters = 
auto |
sRGB |
linearRGB

Spezifikationen

Specification
Filter Effects Module Level 1
# ColorInterpolationFiltersProperty

Browser-Kompatibilität

Siehe auch