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 ⁨2020年7月⁩.

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 色空間で行うべきであることを表します。