MENO - Funzioni di definizione del colore

Descrizione

LESS fornisce un numero di funzioni colore utili per alterare e manipolare i colori in modi diversi. LESS supporta alcune delle funzioni di definizione del colore come mostrato nella tabella seguente:

Sr.No. Descrizione della funzione Esempio
1

rgb

Crea il colore dai valori di rosso, verde e blu. Ha i seguenti parametri:

  • red - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

  • green - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

  • blue - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

 
rgb(220,20,60)

converte il colore con valori rgb come -

#dc143c
2

rgba

Determina il colore dai valori di rosso, verde, blu e alfa. Ha i seguenti parametri:

  • red - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

  • green - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

  • blue - Contiene un numero intero compreso tra 0 e 255 o una percentuale compresa tra 0 e 100%.

  • alpha - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

 
rgba(220,20,60, 0.5)

converte l'oggetto colore con valori rgba come -

rgba(220, 20, 60, 0.5)
3

argb

Definisce la rappresentazione esadecimale del colore in #AARRGGBBformato. Utilizza il seguente parametro:

  • color - Specifica l'oggetto colore.

 
argb(rgba(176,23,31,0.5))

restituisce il colore argb come -

#80b0171f
4

hsl

Genera il colore dai valori di tonalità, saturazione e luminosità. Ha i seguenti parametri:

  • hue - Contiene un numero intero compreso tra 0 e 360 ​​che rappresenta i gradi.

  • saturation - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • lightness - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

 
hsl(120,100%, 50%)

restituisce l'oggetto colore utilizzando i valori HSL come -

#00ff00
5

hsla

Genera il colore da tonalità, saturazione, luminosità e valori alfa. Ha i seguenti parametri:

  • hue - Contiene un numero intero compreso tra 0 e 360 ​​che rappresenta i gradi.

  • saturation - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • lightness - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • alpha - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

 
hsla(0,100%,50%,0.5)

specifica l'oggetto colore utilizzando i valori HSLA come -

rgba(255, 0, 0, 0.5);
6

hsv

Produce il colore dai valori di tonalità, saturazione e valore. Contiene i seguenti parametri:

  • hue - Contiene un numero intero compreso tra 0 e 360 ​​che rappresenta i gradi.

  • saturation - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • value - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

 
hsv(80,90%,70%)

converte l'oggetto colore con valori hsv come -

#7db312
7

hsva

Produce il colore da tonalità, saturazione, valore e valori alfa. Utilizza i seguenti parametri:

  • hue - Contiene un numero intero compreso tra 0 e 360 ​​che rappresenta i gradi.

  • saturation - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • value - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

  • alpha - Contiene un numero compreso tra 0 e 1 o una percentuale compresa tra 0 e 100%.

 
hsva(80,90%,70%,0.6)

specifica l'oggetto colore con valori hsva come -

rgba(125, 179, 18, 0.6)