LESS - Fonctions du canal de couleur

Dans ce chapitre, nous comprendrons l'importance des fonctions de canal de couleur dans LESS. LESS prend en charge quelques fonctions intégrées qui définissent la valeur d'un canal. Le canal définit la valeur en fonction de la définition de la couleur. Les couleurs HSL ont un canal de teinte, de saturation et de luminosité et la couleur RVB a un canal rouge, vert et bleu. Le tableau suivant répertorie toutes les fonctions du canal de couleur -

N ° Sr.	Description de la fonction	Exemple
1	hue Dans l'espace colorimétrique HSL, le canal de teinte est extrait de l'objet couleur.	`background: hue(hsl(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 75;`
2	saturation Dans l'espace colorimétrique HSL, le canal de saturation est extrait de l'objet couleur.	`background: saturation(hsl(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 90%;`
3	lightness Dans l'espace colorimétrique TSL, le canal de luminosité est extrait de l'objet couleur.	`background: lightness(hsl(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 30%;`
4	hsvhue Dans l'espace colorimétrique HSV, le canal de teinte est extrait de l'objet couleur.	`background: hsvhue(hsv(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 75;`
5	hsvsaturation Dans l'espace colorimétrique HSL, le canal de saturation est extrait de l'objet couleur.	`background: hsvsaturation(hsv(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 90%;`
6	hsvvalue Dans l'espace colorimétrique HSL, le canal de valeur est extrait de l'objet couleur.	`background: hsvvalue(hsv(75, 90%, 30%));` Il compile dans le CSS comme indiqué ci-dessous - `background: 30%;`
sept	red Le canal rouge est extrait de l'objet couleur.	`background: red(rgb(5, 15, 25));` Il compile dans le CSS comme indiqué ci-dessous - `background: 5;`
8	green Le canal vert est extrait de l'objet couleur.	`background: green(rgb(5, 15, 25));` Il compile dans le CSS comme indiqué ci-dessous - `background: 15;`
9	blue Le canal bleu est extrait de l'objet couleur.	`background: blue(rgb(5, 15, 25));` Il compile dans le CSS comme indiqué ci-dessous - `background: 25;`
dix	alpha Le canal alpha est extrait de l'objet couleur.	`background: alpha(rgba(5, 15, 25, 1.5));` Il compile dans le CSS comme indiqué ci-dessous - `background: 2;`
11	luma la valeur de luminance est calculée à partir d'un objet couleur.	`background: luma(rgb(50, 250, 150));` Il compile dans le CSS comme indiqué ci-dessous - `background: 71.2513323%;`
12	luminance La valeur de luminance est calculée sans correction gamma.	`background: luminance(rgb(50, 250, 150));` Il compile dans le CSS comme indiqué ci-dessous - `background: 78.53333333%;`

ja/tutorial

es/tutorial