📜  LESS-颜色定义功能

📅  最后修改于: 2020-10-22 07:15:11             🧑  作者: Mango


 

描述

LESS提供了许多有用的颜色功能,以不同方式更改和操纵颜色。 LESS支持某些颜色定义功能,如下表所示-

Sr.No. Function & Description Example
1 rgb

It creates color from red, green and blue values. It has following parameters −

  • red − It contains integer between 0 – 255 or percentage between 0 – 100%.
  • green − It contains integer between 0 – 255 or percentage between 0 – 100%.
  • blue − It contains integer between 0 – 255 or percentage between 0 – 100%.
rgb(220,20,60)

it converts color with rgb values as −

#dc143c
2 rgba

It determines color from red, green, blue and alpha values. It has the following parameters −

  • red − It contains integer between 0 – 255 or percentage between 0 – 100%.
  • green − It contains integer between 0 – 255 or percentage between 0 – 100%.
  • blue − It contains integer between 0 – 255 or percentage between 0 – 100%.
  • alpha − It contains number between 0 – 1 or percentage between 0 – 100%.
rgba(220,20,60, 0.5)

it converts color object with rgba values as −

rgba(220, 20, 60, 0.5)
3 argb

It defines hex representation of color in #AARRGGBB format. It uses the following parameter −

  • color − It specifies color object.
argb(rgba(176,23,31,0.5))

it returns the argb color as −

#80b0171f
4 hsl

It generates the color from hue, saturation and lightness values. It has following parameters −

  • hue − It contains integer between 0 – 360 which represents degrees.
  • saturation − It contains number between 0 – 1 or percentage between 0 – 100%.
  • lightness − It contains number between 0 – 1 or percentage between 0 – 100%.
hsl(120,100%, 50%)

it returns the color object using HSL values as −

#00ff00
5 hsla

It generates the color from hue, saturation, lightness and alpha values. It has the following parameters −

  • hue − It contains integer between 0 – 360 which represents degrees.
  • saturation − It contains number between 0 – 1 or percentage between 0 – 100%.
  • lightness − It contains number between 0 – 1 or percentage between 0 – 100%.
  • alpha − It contains number between 0 – 1 or percentage between 0 – 100%.
hsla(0,100%,50%,0.5)

it specifies the color object using HSLA values as −

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

It produces the color from hue, saturation and value values. It contains following parameters −

  • hue − It contains integer between 0 – 360 which represents degrees.
  • saturation − It contains number between 0 – 1 or percentage between 0 – 100%.
  • value − It contains number between 0 – 1 or percentage between 0 – 100%.
hsv(80,90%,70%)

it converts color object with hsv values as −

#7db312
7 hsva

It produces the color from hue, saturation, value and alpha values. It uses the following parameters −

  • hue − It contains integer between 0 – 360 which represents degrees.
  • saturation − It contains number between 0 – 1 or percentage between 0 – 100%.
  • value − It contains number between 0 – 1 or percentage between 0 – 100%.
  • alpha − It contains number between 0 – 1 or percentage between 0 – 100%.
hsva(80,90%,70%,0.6)

it specifies color object with hsva values as −

rgba(125, 179, 18, 0.6)