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)