LESS - Fonctions de définition des couleurs

La description

LESS fournit un certain nombre de fonctions de couleur utiles pour modifier et manipuler les couleurs de différentes manières. LESS prend en charge certaines des fonctions de définition de couleur comme indiqué dans le tableau ci-dessous -

N ° Sr. Description de la fonction Exemple
1

rgb

Il crée de la couleur à partir des valeurs rouges, vertes et bleues. Il a les paramètres suivants -

  • red - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

  • green - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

  • blue - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

rgb(220,20,60)

il convertit la couleur avec des valeurs RVB comme -

#dc143c
2

rgba

Il détermine la couleur à partir des valeurs rouge, verte, bleue et alpha. Il a les paramètres suivants -

  • red - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

  • green - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

  • blue - Il contient un entier compris entre 0 et 255 ou un pourcentage entre 0 et 100%.

  • alpha - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

rgba(220,20,60, 0.5)

il convertit l'objet couleur avec des valeurs rgba comme -

rgba(220, 20, 60, 0.5)
3

argb

Il définit la représentation hexadécimale de la couleur dans #AARRGGBBformat. Il utilise le paramètre suivant -

  • color - Il spécifie l'objet de couleur.

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

il renvoie la couleur argb comme -

#80b0171f
4

hsl

Il génère la couleur à partir des valeurs de teinte, de saturation et de luminosité. Il a les paramètres suivants -

  • hue - Il contient un entier compris entre 0 et 360 qui représente des degrés.

  • saturation - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • lightness - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

hsl(120,100%, 50%)

il renvoie l'objet couleur en utilisant les valeurs TSL comme -

#00ff00
5

hsla

Il génère la couleur à partir de la teinte, de la saturation, de la luminosité et des valeurs alpha. Il a les paramètres suivants -

  • hue - Il contient un entier compris entre 0 et 360 qui représente des degrés.

  • saturation - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • lightness - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • alpha - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

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

il spécifie l'objet couleur en utilisant les valeurs HSLA comme -

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

hsv

Il produit la couleur à partir des valeurs de teinte, de saturation et de valeur. Il contient les paramètres suivants -

  • hue - Il contient un entier compris entre 0 et 360 qui représente des degrés.

  • saturation - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • value - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

hsv(80,90%,70%)

il convertit l'objet couleur avec des valeurs hsv comme -

#7db312
sept

hsva

Il produit la couleur à partir de la teinte, de la saturation, de la valeur et des valeurs alpha. Il utilise les paramètres suivants -

  • hue - Il contient un entier compris entre 0 et 360 qui représente des degrés.

  • saturation - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • value - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

  • alpha - Il contient un nombre compris entre 0 et 1 ou un pourcentage entre 0 et 100%.

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

il spécifie un objet de couleur avec des valeurs hsva comme -

rgba(125, 179, 18, 0.6)