LESS - 颜色定义函数

rgb

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

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

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

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

rgb(220,20,60)

它将颜色转换为具有 rgb 值的颜色，例如：

#dc143c

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)

argb

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

• color - 指定颜色对象。

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

它返回 argb 颜色，例如：

#80b0171f

hsl

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

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

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

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

hsl(120,100%, 50%)

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

#00ff00

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);

hsv

它根据色相、饱和度和值值生成颜色。它包含以下参数：

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

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

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

hsv(80,90%,70%)

它将颜色对象转换为具有 hsv 值的颜色，例如：

#7db312

hsva

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

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

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

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

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

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

它使用 hsva 值指定颜色对象，例如：

rgba(125, 179, 18, 0.6)