1、hue() 提取色相通道

在 HSL 颜色里提取颜色对象的色相通道。返回值 0-360

语法

hue(@color);

• color：颜色对象。

示例

hue(hsl(90, 100%, 50%)); // 90

2、saturation() 提取饱和度

在 HSL 颜色中提取饱和度通道。返回值 0-100%

语法

saturation(@color);

• color：颜色对象。

示例

saturation(hsl(90, 100%, 50%)); // 100%

3、lightness() 提取亮度

在 HSL 颜色中提取亮度通道。返回值 0-100%

语法

lightness(@color);

• color：颜色对象。

示例

lightness(hsl(90, 100%, 50%)); // 50%

4、hsvhue() 提取色相通道

在 HSV 颜色中提取色相通道。返回值 0-360

语法

hsvhue(@color);

• color：颜色对象。

示例

hsvhue(hsv(90, 100%, 50%)); // 90

5、hsvsaturation() 提取饱和度通道

在 HSV 颜色中提取饱和度通道。返回值 0-100%

语法

hsvsaturation(@color);

• color：颜色对象。

示例

hsvsaturation(hsv(90, 100%, 50%)); // 100%

6、hsvvalue() 提取亮度通道

在 HSV 颜色中提取亮度通道。返回值 0-100%

语法

hsvvalue(@color);

• color：颜色对象。

示例

hsvvalue(hsv(90, 100%, 50%)); // 50%

7、red() 提取红色

提取颜色对象的红色通道。返回值 0-255

语法

red(@color);

• color：颜色对象。

示例

red(rgb(10, 20, 30)); // 10

8、green() 提取绿色

提取颜色对象的绿色通道。返回值 0-255

语法

green(@color);

• color：颜色对象。

示例

green(rgb(10, 20, 30)); // 20

9、blue() 提取蓝色

提取颜色对象的蓝色通道。返回值 0-255

语法

blue(@color);

• color：颜色对象。

示例

blue(rgb(10, 20, 30)); // 30

10、alpha() 提取透明度

提取颜色对象的透明度通道。返回值 0-1

语法

alpha(@color);

• color：颜色对象。

示例

alpha(rgba(10, 20, 30, 0.5)); // 0.5

11、luma() 计算亮度

计算颜色对象的亮度(感知亮度)。返回值 0-100%

语法

luma(@color);

• color：颜色对象。

示例

luma(rgb(10, 20, 30)); // 44%

12、luminance() 计算亮度(旧版本)

计算颜色对象的亮度(感知亮度)。返回值 0-100%

语法

luminance(@color);

• color：颜色对象。

示例

luminance(rgb(10, 20, 30)); // 44%

更新日志

2025/8/24 08:17

查看所有更新日志

• e7112-1于 2025/8/24