Espaces colorimétriques expliqués
FAQ
- Quel espace colorimétrique dois-je utiliser pour CSS ?
- HEX et RVB sont standard. Le CSS moderne prend également en charge oklch() et lab() pour des dégradés et des thèmes nettement meilleurs.
Pourquoi l'espace colorimétrique est important
Différents espaces colorimétriques représentent la même couleur perçue de différentes manières. Le choix du bon espace affecte l'interpolation, les contrôles d'accessibilité et l'exportation vers des outils CSS, d'impression ou de conception.
Les développeurs Web travaillent généralement en sRGB (HEX/RGB/HSL), tandis que les flux de travail d'impression peuvent nécessiter du CMJN et que les outils de conception avancés peuvent utiliser LAB pour des ajustements perceptuellement uniformes.
HEX, RVB et HSL
HEX est compact et familier en CSS (#RRGGBB). RVB mappe directement sur les canaux de l'écran. HSL sépare la teinte, la saturation et la luminosité, ce qui est utile pour les ajustements de thème et la génération de teintes et de nuances.
Utilisez HEX/RGB pour les API et les jetons de conception. Utilisez HSL lorsque vous devez éclaircir ou assombrir la couleur d’une marque tout en gardant la teinte stable.
CMJN, LAB et XYZ
Modèles CMJN avec encres d'impression soustractives. La conversion RVB en CMJN est approximative car les écrans et les imprimantes ont des gammes différentes.
LAB et XYZ sont indépendants du périphérique. LAB est particulièrement utile pour les gradients perceptuellement uniformes et les calculs de luminance liés à l'accessibilité.