MENO - Funzioni del canale colore

In questo capitolo capiremo l'importanza delle funzioni del canale colore in LESS. LESS supporta poche funzioni integrate che impostano il valore su un canale. Il canale imposta il valore in base alla definizione del colore. I colori HSL hanno canale tonalità, saturazione e luminosità e il colore RGB ha canale rosso, verde e blu. La tabella seguente elenca tutte le funzioni del canale colore:

Sr.No. Descrizione della funzione Esempio
1

hue

Nello spazio colore HSL, il canale della tonalità viene estratto dall'oggetto colore.

 
background: hue(hsl(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 75;
2

saturation

Nello spazio colore HSL, il canale di saturazione viene estratto dall'oggetto colore.

 
background: saturation(hsl(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 90%;
3

lightness

Nello spazio colore HSL, il canale di luminosità viene estratto dall'oggetto colore.

 
background: lightness(hsl(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 30%;
4

hsvhue

Nello spazio colore HSV, il canale della tonalità viene estratto dall'oggetto colore.

 
background: hsvhue(hsv(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 75;
5

hsvsaturation

Nello spazio colore HSL, il canale di saturazione viene estratto dall'oggetto colore.

 
background: hsvsaturation(hsv(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 90%;
6

hsvvalue

Nello spazio colore HSL, il canale del valore viene estratto dall'oggetto colore.

 
background: hsvvalue(hsv(75, 90%, 30%));

Si compila nel CSS come mostrato di seguito -

background: 30%;
7

red

Il canale rosso viene estratto dall'oggetto colore.

 
background: red(rgb(5, 15, 25));

Si compila nel CSS come mostrato di seguito -

background: 5;
8

green

Il canale verde viene estratto dall'oggetto colore.

 
background: green(rgb(5, 15, 25));

Si compila nel CSS come mostrato di seguito -

background: 15;
9

blue

Il canale blu viene estratto dall'oggetto colore.

 
background: blue(rgb(5, 15, 25));

Si compila nel CSS come mostrato di seguito -

background: 25;
10

alpha

Il canale alfa viene estratto dall'oggetto colore.

 
background: alpha(rgba(5, 15, 25, 1.5));

Si compila nel CSS come mostrato di seguito -

background: 2;
11

luma

il valore della luminanza viene calcolato su un oggetto di colore.

 
background: luma(rgb(50, 250, 150));

Si compila nel CSS come mostrato di seguito -

background: 71.2513323%;
12

luminance

Il valore di luminanza viene calcolato senza correzione gamma.

 
background: luminance(rgb(50, 250, 150));

Si compila nel CSS come mostrato di seguito -

background: 78.53333333%;