oklab()

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 oklab() exprime une couleur donnée dans l'espace de couleur OKLab, qui essaie de se rapprocher de la perception de la couleur par l'œil humain.

Syntaxe

css
oklab(40.1% 0.1143 0.045)
oklab(59.69% 0.1007 0.1191)
oklab(59.69% 0.1007 0.1191 / .5)

Valeurs

oklab(L a b [/ A])

L indique la luminosité perçue et est exprimée comme 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 OKLab.

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

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-Oklab
CSS Color Module Level 4
# ok-lab

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
oklab() (Oklab color model)
Mix <percentage> and <number> in parameters
Relative Oklab colors

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Voir aussi