LESS - 颜色定义函数

描述

LESS 提供了许多有用的颜色函数来以不同的方式更改和操作颜色。LESS 支持一些颜色定义函数，如下表所示 -

先生。 功能说明 例子
1

RGB

它根据红色、绿色和蓝色值创建颜色。它有以下参数 -

  • 红色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

  • 绿色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

  • 蓝色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

 
rgb(220,20,60)

它将颜色与 RGB 值转换为 -

#dc143c
2

RGBA

它根据红色、绿色、蓝色和 alpha 值确定颜色。它具有以下参数 -

  • 红色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

  • 绿色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

  • 蓝色- 它包含 0 - 255 之间的整数或 0 - 100% 之间的百分比。

  • alpha - 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

 
rgba(220,20,60, 0.5)

它将带有 rgba 值的颜色对象转换为 -

rgba(220, 20, 60, 0.5)
3

精氨酸

它以#AARRGGBB格式定义颜色的十六进制表示。它使用以下参数 -

  • color - 它指定颜色对象。

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

它返回 argb 颜色为 -

#80b0171f
4

HSL

它根据色调、饱和度和亮度值生成颜色。它有以下参数 -

  • 色调- 它包含 0 - 360 之间的整数，表示度数。

  • 饱和度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • 亮度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

 
hsl(120,100%, 50%)

它使用 HSL 值返回颜色对象：

#00ff00
5

HSLA

它根据色调、饱和度、亮度和 alpha 值生成颜色。它具有以下参数 -

  • 色调- 它包含 0 - 360 之间的整数，表示度数。

  • 饱和度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • 亮度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • alpha - 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

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

它使用 HSLA 值指定颜色对象为 -

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

单纯疱疹病毒

它根据色调、饱和度和明度值生成颜色。它包含以下参数 -

  • 色调- 它包含 0 - 360 之间的整数，表示度数。

  • 饱和度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • value - 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

 
hsv(80,90%,70%)

它将带有 hsv 值的颜色对象转换为 -

#7db312
7

HSVA

它根据色调、饱和度、值和 alpha 值生成颜色。它使用以下参数 -

  • 色调- 它包含 0 - 360 之间的整数，表示度数。

  • 饱和度- 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • value - 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

  • alpha - 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。

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

它将 hsva 值指定为颜色对象 -

rgba(125, 179, 18, 0.6)