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%;