lch()
Baseline 2023
Newly available
Since May 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
La notation fonctionnelle lch() exprime une couleur donnée dans l'espace de couleur LCH, qui utilise le même axe L (luminosité) que lab(), mais utilise des coordonnées polaires C (chroma) et H (pour la teinte, hue en anglais).
Syntaxe
lch(29.2345% 44.2 27)
lch(52.2345% 72.2 56.2)
lch(52.2345% 72.2 56.2 / .5)
Valeurs
lch(L C H [/ A])-
Lindique la luminosité CIE sous la forme d'un pourcentage (type<percentage>) compris entre0%, pour le noir, et100%, pour le blanc.Le deuxième argument,
C, indique la chroma (indiquant en quelque sorte la quantité de couleur). Sa valeur minimale est 0 et sa valeur maximale est théoriquement infinie, bien qu'elle n'excède pas0.4en pratique.Le troisième argument,
Hcorrespond à l'angle pour la teinte (hue en anglais).0degpointe selon l'axe positif "a" (un rouge pourpre),90degpointe selon l'axe positif "b" (jaune moutarde),180degpointe selon l'axe négatif "a" (un cyan vert), et270degpointe selon l'axe négatif "b" (bleu ciel).A(alpha) peut être un nombre (type<number>) compris entre0et1, ou un pourcentage (type<percentage>), où1correspond à100%(opacité complète).
Spécifications
| Specification |
|---|
| CSS Color Module Level 5 # relative-LCH |
| CSS Color Module Level 4 # lab-colors |
Compatibilité des navigateurs
BCD tables only load in the browser