lab()

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 lab() exprime une couleur donnée dans l'espace de couleur CIE L*a*b*, qui représente l'intégralité des couleurs perceptibles par l'œil humain.

Syntaxe

css
lab(29.2345% 39.3825 20.0664)
lab(52.2345% 40.1645 59.9971)
lab(52.2345% 40.1645 59.9971 / .5)

Valeurs

lab(L a b [/ A])

L indique la luminosité CIE sous la forme d'un pourcentage (type <percentage>) compris entre 0%, pour le noir, et 100%, pour le blanc.

Le deuxième argument, a, indique la distance sur l'axe a de l'espace de couleur Lab.

Le troisième argument, b, indique la distance sur l'axe b de l'espace de couleur Lab.

A (alpha) peut être un nombre (type <number>) compris entre 0 et 1, ou un pourcentage (type <percentage>), où 1 correspond à 100% (opacité complète).

Spécifications

Specification
CSS Color Module Level 5
# relative-Lab
CSS Color Module Level 4
# lab-colors

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi