MENOS - Funciones de canal de color

En este capítulo, entenderemos la importancia de las funciones de canal de color en LESS. LESS admite pocas funciones integradas que establecen el valor de un canal. El canal establece el valor en función de la definición de color. Los colores HSL tienen un canal de tono, saturación y luminosidad y el color RGB tiene un canal rojo, verde y azul. La siguiente tabla enumera todas las funciones del canal de color:

No Señor. Función descriptiva Ejemplo
1

hue

En el espacio de color HSL, el canal de tono se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 75;
2

saturation

En el espacio de color HSL, el canal de saturación se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 90%;
3

lightness

En el espacio de color HSL, el canal de luminosidad se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 30%;
4

hsvhue

En el espacio de color HSV, el canal de tono se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 75;
5

hsvsaturation

En el espacio de color HSL, el canal de saturación se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 90%;
6

hsvvalue

En el espacio de color HSL, el canal de valor se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 30%;
7

red

El canal rojo se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 5;
8

green

El canal verde se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 15;
9

blue

El canal azul se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 25;
10

alpha

El canal alfa se extrae del objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 2;
11

luma

El valor de luminancia se calcula a partir de un objeto de color.

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

Se compila en CSS como se muestra a continuación:

background: 71.2513323%;
12

luminance

El valor de luma se calcula sin corrección de gamma.

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

Se compila en CSS como se muestra a continuación:

background: 78.53333333%;