plan de cours

Manuel de référence CSS

propriété CSS

Cours optionnels

Recommandation de cours :

CodeW3C.com coffre-fort

Fonction oklab() de CSS

Page précédente Fonction mod() CSS
Page suivante Fonction oklch() CSS
Retour au niveau supérieur Manuel de fonctions CSS

CSS

Définition et utilisation de oklab() Les fonctions sont utilisées pour spécifier les couleurs dans l'espace de couleur OKLAB. Cet espace de couleur vise à simuler la perception des couleurs par l'œil humain.

Exemples

Définir différentes oklab() Couleur :

#p1 {background-color:oklab(0 40% 20% / 0.5);}
#p2 {background-color:oklab(0.3 -40% -20%);}
#p3 {background-color:oklab(0.4 30% -20% / 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p6 {background-color:oklab(0.7 70% -80% / 0.3);}
#p7 {background-color:oklab(0.8 70% 20% / 0.5);}
#p8 {background-color:oklab(0.9 80% -20%);}

#p9 {background-color:oklab(1 90% -100%);}

Essayez-le vous-même

syntaxe CSS

syntaxe de valeur absolueC'est la couleur originale sur laquelle se basent les couleurs relatives. Obligatoire. Vous pouvez également utiliser none (équivalent à 0%). b / Aoklab(from

)	valeur
C'est la couleur originale sur laquelle se basent les couleurs relatives.	L Obligatoire. Définit la luminosité perçue de la couleur, qui peut être un nombre entre 0 et 1 ou un pourcentage entre 0% et 100%. oklab(
Obligatoire. Vous pouvez également utiliser none (équivalent à 0%).	Obligatoire. Définit un nombre ou un pourcentage entre -0.4 et 0.4, ou entre -100% et 100%. Définit la distance de la couleur le long de l'axe a, représentant l'intensité rouge-vert de la couleur. -0.4 représente le vert, 0.4 représente le rouge. Vous pouvez également utiliser none (équivalent à 0%).
b	Obligatoire. Définit un nombre ou un pourcentage entre -0.4 et 0.4, ou entre -100% et 100%. Définit la distance de la couleur le long de l'axe b, représentant l'intensité jaune-bleu de la couleur. -0.4 représente le bleu, 0.4 représente le jaune. Vous pouvez également utiliser none (équivalent à 0%).
/ A	Optionnel. Représente la valeur de transparence du canal de couleur (0% ou 0 représentant une transparence complète, 100% ou 100 représentant une opacité complète). Vous pouvez également utiliser none (représentant une transparence de canal nulle). La valeur par défaut est de 100%.

Vous pouvez également utiliser None (équivalent à 0%).

syntaxe de valeur relative from C'est la couleur originale sur laquelle se basent les couleurs relatives. Obligatoire. Vous pouvez également utiliser none (équivalent à 0%). b / Aoklab(from

)	valeur
description from	color Commence par le mot-clé from, suivi de la valeur de couleur représentant la couleur originale.
C'est la couleur originale sur laquelle se basent les couleurs relatives.	L Obligatoire. Définit la luminosité perçue de la couleur, qui peut être un nombre entre 0 et 1 ou un pourcentage entre 0% et 100%. 0 (ou 0%) représente le noir, 1 (ou 100%) représente le blanc.
Obligatoire. Vous pouvez également utiliser none (équivalent à 0%).	Obligatoire. Définit un nombre ou un pourcentage entre -0.4 et 0.4, ou entre -100% et 100%. Définit la distance de la couleur le long de l'axe a, représentant l'intensité rouge-vert de la couleur. -0.4 représente le vert, 0.4 représente le rouge. Vous pouvez également utiliser none (équivalent à 0%).
b	Obligatoire. Définit un nombre ou un pourcentage entre -0.4 et 0.4, ou entre -100% et 100%. Définit la distance de la couleur le long de l'axe b, représentant l'intensité jaune-bleu de la couleur. -0.4 représente le bleu, 0.4 représente le jaune. Vous pouvez également utiliser none (équivalent à 0%).
/ A	Optionnel. Représente la valeur de transparence du canal de couleur (0% ou 0 représentant une transparence complète, 100% ou 100 représentant une opacité complète). Vous pouvez également utiliser none (représentant une transparence de canal nulle). La valeur par défaut est de 100%.