calendrier des cours

Manuel de référence CSS

propriété CSS

Cours optionnel

Recommandation de cours :

Boîte à outils CodeW3C.com

Fonction lch() de CSS

Page précédente fonction lab() CSS
Page suivante fonction light-dark() CSS
Retour au niveau supérieur Manuel de fonctions CSS

CSS

Définition et utilisation de lch() La fonction dans l'espace de couleur LCH (luminosité - chroma - teinte) spécifie la couleur.

Exemples

Définir différentes lch() Couleur :

#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p3 {background-color:lch(10% 160 200);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}

#p9 {background-color:lch(90% 130 70);}

Essayez-le vous-même

Syntaxe CSS

Syntaxe de valeur absolueC'est la couleur originale sur laquelle se base la couleur relative. C H / Alch(from

)	Valeur
C'est la couleur originale sur laquelle se base la couleur relative.	Obligatoire. Définit la luminosité de la couleur, qui peut être un nombre ou un pourcentage entre 0 et 100. 0 (ou 0%) représente le noir, 100 (ou 100%) représente le blanc. Vous pouvez également utiliser none (équivalent à 0%).
C	lch( Obligatoire. Définit la saturation de la couleur (la quantité de couleur), qui peut être un nombre ou un pourcentage. Vous pouvez également utiliser none (équivalent à 0%).
H	Obligatoire. Définit l'angle de teinte de la couleur, qui peut être un nombre ou une valeur d'angle. Vous pouvez également utiliser none (équivalent à 0deg).
/ A	Optionnel. Représente la valeur de la transparence du canal de couleur (0% ou 0 représente une transparence complète, 100% ou 100 représente une opacité complète). Vous pouvez également utiliser none (représentant une transparence de canal nulle). La valeur par défaut est de 100%.

La valeur minimale est 0 (ou 0%). La valeur maximale n'est pas limitée (mais ne dépasse pas 230 en pratique). 100% équivaut à 150.

Syntaxe de valeur relative from C'est la couleur originale sur laquelle se base la couleur relative. C H / Alch(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 base la couleur relative.	Obligatoire. Définit la luminosité de la couleur, qui peut être un nombre ou un pourcentage entre 0 et 100. 0 (ou 0%) représente le noir, 100 (ou 100%) représente le blanc. Vous pouvez également utiliser none (équivalent à 0%).
C	Obligatoire. Définit un nombre ou un pourcentage entre -125 et 125, ou entre -100% et 100%. Définit la distance le long de l'axe a, représentant l'intensité rouge-vert de la couleur. -125 représente le vert, 125 représente le rouge. Vous pouvez également utiliser none (équivalent à 0%).
H	Obligatoire. Définit l'angle de teinte de la couleur, qui peut être un nombre ou une valeur d'angle. Vous pouvez également utiliser none (équivalent à 0deg).
/ A	Optionnel. Représente la valeur de la transparence du canal de couleur (0% ou 0 représente une transparence complète, 100% ou 100 représente une opacité complète). Vous pouvez également utiliser none (représentant une transparence de canal nulle). La valeur par défaut est de 100%.