@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()
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
Specification |
---|
CSS Color Module Level 5 # at-profile |