MENOS - Funciones de definición de color

Descripción

MENOS proporciona una serie de funciones de color útiles para alterar y manipular los colores de diferentes formas. LESS admite algunas de las funciones de definición de color como se muestra en la siguiente tabla:

No Señor. Función descriptiva Ejemplo
1

rgb

Crea color a partir de valores rojo, verde y azul. Tiene los siguientes parámetros:

  • red - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

  • green - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

  • blue - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

rgb(220,20,60)

convierte el color con valores rgb como -

#dc143c
2

rgba

Determina el color a partir de los valores rojo, verde, azul y alfa. Tiene los siguientes parámetros:

  • red - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

  • green - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

  • blue - Contiene un número entero entre 0 - 255 o porcentaje entre 0 - 100%.

  • alpha - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

rgba(220,20,60, 0.5)

convierte el objeto de color con valores rgba como -

rgba(220, 20, 60, 0.5)
3

argb

Define la representación hexadecimal del color en #AARRGGBBformato. Utiliza el siguiente parámetro:

  • color - Especifica el color del objeto.

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

devuelve el color argb como -

#80b0171f
4

hsl

Genera el color a partir de valores de tono, saturación y luminosidad. Tiene los siguientes parámetros:

  • hue - Contiene un número entero entre 0 - 360 que representa grados.

  • saturation - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • lightness - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

hsl(120,100%, 50%)

devuelve el objeto de color usando valores HSL como -

#00ff00
5

hsla

Genera el color a partir de matiz, saturación, luminosidad y valores alfa. Tiene los siguientes parámetros:

  • hue - Contiene un número entero entre 0 - 360 que representa grados.

  • saturation - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • lightness - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • alpha - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

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

especifica el objeto de color usando valores HSLA como -

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

hsv

Produce el color a partir de los valores de tono, saturación y valor. Contiene los siguientes parámetros:

  • hue - Contiene un número entero entre 0 - 360 que representa grados.

  • saturation - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • value - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

hsv(80,90%,70%)

convierte el objeto de color con valores hsv como -

#7db312
7

hsva

Produce el color a partir de tono, saturación, valor y valores alfa. Utiliza los siguientes parámetros:

  • hue - Contiene un número entero entre 0 - 360 que representa grados.

  • saturation - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • value - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

  • alpha - Contiene número entre 0 - 1 o porcentaje entre 0 - 100%.

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

especifica el objeto de color con valores hsva como -

rgba(125, 179, 18, 0.6)