@color-profile

La règle @ CSS @color-profile définit et nomme un profil de couleur qui peut être utilisé ensuite avec la fonction color() (en-US) afin d'indiquer une couleur.

Syntaxe

@color-profile --swop5c {
  src: url('https://example.org/SWOP2006_Coated5v2.icc');
}

Descripteurs

src

Indique l'URL où sont situées les informations sur le profil de couleur.

rendering-intent

Si le profil de couleur contient plusieurs indications de rendu, ce descripteur permet de sélectionner celui à utiliser pour définir la correspondance de la couleur sur les gamuts plus petits pour lesquels ce profil est défini.

Si ce descripteur est utilisé, sa valeur doit être l'un des mots-clés suivants :

relative-colorimetric

La colorimétrie relative au média implique de garder inchangées les couleurs sources qui sont présentes dans le gamut du médium cible, relativement aux points blancs respectifs du média. Les couleurs sources situées en dehors du gamut du medium cible sont ramenées aux couleurs des bords du gamut en utilisant différentes méthodes.

absolute-colorimetric

La colorimétrie absolue ICC implique de garder inchangées les couleurs sources qui sont présentes dans le gamut du médium cible, relativement au blanc adopté (un diffuseur parfaitement réfléchissant). Les couleurs sources situées en dehors du gamut du medium cible sont ramenées aux couleurs des bords du gamut en utilisant différentes méthodes.

perceptual

Cette méthode est souvent le choix préféré pour les images, notamment lorsqu'il y a des différences conséquentes entre la source et la destination (par exemple une image sur un écran, reproduite sur une impression réfléchissante). Elle prend les couleurs de l'image source et optimise l'apparence pour le medium de destination en utilisant des méthodes propriétaires.

saturation

Cette option vise à préserver la saturation relative (chroma) de l'original et à conserver les couleurs unies pures. Toutefois, certains problèmes d'interopérabilité existent comme avec l'indication perceptual.

Exemples

@color-profile --swop5c {
  src: url('https://example.org/SWOP2006_Coated5v2.icc');
}

.header {
  background-color: color(--swop5c 0% 70% 20% 0%);
}

Spécifications

No specification found

No specification data found for css.at-rules.color-profile.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Compatibilité des navigateurs

No compatibility data found for css.at-rules.color-profile.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.