📜  LESS颜色定义函数

📅  最后修改于: 2021-01-06 04:42:30             🧑  作者: Mango

较少的颜色定义功能

Less支持大量颜色功能,以不同方式更改和操纵颜色。

下表提供了Less中支持的颜色定义功能的列表。

Index Function Description Example
1) rgb: (red, green, blue) rgb creates color from red, green and blue values. it supports three 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%. td>
rgb(220,20,60): it converts color with rgb values as: #dc143c
2) rgba: (red,green, green, alpha) rgba: rgba is used to determine color from red, green, blue and alpha 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%.green: 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: (color) argb: it is used to define hex representation of color in #aarrggbb format. It uses below parameter: color: it specifies color object. argb(rgba(176,23,31,0.5)): it returns the argb color as: #80b0171f
4) hsl: (hue, saturation,
lightness)
hsl: It is used to generate 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: (hue, saturation, lightness, alpha) hsla: it is used to generate the color from hue, saturation, lightness and alpha 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%. 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: (hue, saturation, value) hsv: it is used to produce 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: (hue, saturation, value, alpha) hsva: it is used to produce the color from hue, saturation, value and alpha values. it uses 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)