MENOS - Funções de definição de cores

Descrição

LESS fornece várias funções de cores úteis para alterar e manipular cores de maneiras diferentes. LESS oferece suporte a algumas das funções de definição de cores, conforme mostrado na tabela abaixo -

Sr. Não. Descrição da função Exemplo
1

rgb

Ele cria cores a partir de valores de vermelho, verde e azul. Tem os seguintes parâmetros -

  • red - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

  • green - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

  • blue - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

 
rgb(220,20,60)

ele converte cores com valores rgb como -

#dc143c
2

rgba

Ele determina a cor dos valores de vermelho, verde, azul e alfa. Possui os seguintes parâmetros -

  • red - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

  • green - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

  • blue - Contém número inteiro entre 0 - 255 ou porcentagem entre 0 - 100%.

  • alpha - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

 
rgba(220,20,60, 0.5)

ele converte o objeto de cor com valores rgba como -

rgba(220, 20, 60, 0.5)
3

argb

Ele define a representação hexadecimal da cor em #AARRGGBBformato. Ele usa o seguinte parâmetro -

  • color - Especifica o objeto de cor.

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

ele retorna a cor argb como -

#80b0171f
4

hsl

Ele gera a cor a partir dos valores de matiz, saturação e luminosidade. Tem os seguintes parâmetros -

  • hue - Contém número inteiro entre 0 - 360 que representa graus.

  • saturation - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • lightness - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

 
hsl(120,100%, 50%)

ele retorna o objeto de cor usando valores HSL como -

#00ff00
5

hsla

Ele gera a cor de matiz, saturação, luminosidade e valores alfa. Possui os seguintes parâmetros -

  • hue - Contém número inteiro entre 0 - 360 que representa graus.

  • saturation - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • lightness - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • alpha - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

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

ele especifica o objeto de cor usando valores HSLA como -

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

hsv

Produz a cor a partir dos valores de matiz, saturação e valor. Ele contém os seguintes parâmetros -

  • hue - Contém número inteiro entre 0 - 360 que representa graus.

  • saturation - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • value - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

 
hsv(80,90%,70%)

ele converte o objeto de cor com valores hsv como -

#7db312
7

hsva

Ele produz a cor de matiz, saturação, valor e valores alfa. Ele usa os seguintes parâmetros -

  • hue - Contém número inteiro entre 0 - 360 que representa graus.

  • saturation - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • value - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

  • alpha - Contém número entre 0 - 1 ou porcentagem entre 0 - 100%.

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

ele especifica o objeto de cor com valores hsva como -

rgba(125, 179, 18, 0.6)