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.

color-interpolation-filters 属性は、フィルター効果で行う画像操作で用いる色空間を指定します。

メモ: このプロパティはフィルター操作にのみ効果があります。そのため、<feOffset>、<feImage>、<feTile>、<feFlood> などのフィルタープリミティブには効果がありません。

color-interpolation-filters のデフォルト値は、color-interpolation とは異なります。color-interpolation-filters のデフォルト値は linearRGB ですが、color-interpolation のデフォルト値は sRGB です。そのため、デフォルトでは、フィルター効果の操作は linearRGB 色空間で行われる一方、他のすべての色の補間は sRGB 色空間で行われます。

この属性はフィルター関数には効果がなく、sRGB 色空間で処理を行います。

メモ: プレゼンテーション属性であるため、 color-interpolation-filters には対応する CSS プロパティ color-interpolation-filters があります。両方が指定された場合、 CSS プロパティが優先されます。

この属性は、以下の SVG 要素で使用できます。

使用上のメモ

値 auto | sRGB | linearRGB
デフォルト値 linearRGB
アニメーション 可 (離散)
auto

ユーザーエージェントが色の補間用に sRGB または linearRGB 空間を選択してよいことを表します。この値は、作成者が色の補間を特定の色空間で行うことを要求していないことを表します。

sRGB

色の補間を sRGB 色空間で行うべきであることを表します。

linearRGB

色の補間を sRGB の仕様書に記述されている通りの linearized RGB 色空間で行うべきであることを表します。

仕様書

Specification
Filter Effects Module Level 1
# ColorInterpolationFiltersProperty

ブラウザーの互換性

関連情報