Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

color-interpolation-filters

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.

La propriété CSS color-interpolation-filters définit l'espace colorimétrique utilisé pour les opérations d'imagerie réalisées par les effets de filtre SVG. Si elle est explicitement déclarée, la valeur de la propriété CSS remplace toute valeur donnée dans l'attribut color-interpolation-filters de l'élément.

Note : La propriété SVG color-interpolation-filters ne concerne que les opérations de filtre SVG. Elle n'a aucun effet sur les primitives de filtre comme <feOffset>, <feImage>, <feTile> et <feFlood>, mais s'applique aux différents éléments d'effet de filtre (par exemple, <feBlend>). Voir la page SVG color-interpolation-filters pour la liste complète.

Note : Il est important de se rappeler que l'attribut SVG color-interpolation a pour valeur initiale sRGB, tandis que color-interpolation-filters a pour valeur initiale linearRGB. Cela signifie que, par défaut, les interpolations des effets de filtre se produisent dans un espace colorimétrique différent de celui des autres interpolations de couleur.

Syntaxe

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

/* Valeurs globales */
color-interpolation-filters: inherit;
color-interpolation-filters: initial;
color-interpolation-filters: revert;
color-interpolation-filters: revert-layer;
color-interpolation-filters: unset;

Valeurs

linearRGB

Indique que l'interpolation des couleurs doit se faire dans l'espace colorimétrique RGB linéarisé tel que décrit dans la spécification sRGB (angl.). Il s'agit de la valeur par défaut de la propriété.

sRGB

Indique que l'interpolation des couleurs doit se faire dans l'espace colorimétrique sRGB gamma-encodé.

auto

Indique que l'agent utilisateur peut choisir l'espace colorimétrique sRGB ou linearRGB pour l'interpolation des couleurs. Cette option signifie que l'auteur·ice ne demande pas que l'interpolation des couleurs se fasse dans un espace colorimétrique particulier.

Définition formelle

Valeur initialelinearRGB
ApplicabilitéL'ensemble des éléments qui contrôlent la sortie d'un élément <filter> dans <svg>
Héritéeoui
Valeur calculéecomme défini
Type d'animationdiscrète

Syntaxe formelle

color-interpolation-filters = 
auto |
sRGB |
linearRGB

Spécifications

Specification
Filter Effects Module Level 1
# ColorInterpolationFiltersProperty

Compatibilité des navigateurs

Voir aussi