Color Channel Functions

色相（hue）

从 HSL 颜色空间中提取颜色对象的色相通道。

参数：color - 颜色对象。

返回值：整数 0-360

示例：hue(hsl(90, 100%, 50%))

输出：90

饱和度（saturation）

从 HSL 颜色空间中提取颜色对象的饱和度通道。

参数：color - 颜色对象。

返回值：百分比 0-100

示例：saturation(hsl(90, 100%, 50%))

输出：100%

亮度（lightness）

从 HSL 颜色空间中提取颜色对象的亮度通道。

参数：color - 颜色对象。

返回值：百分比 0-100

示例：lightness(hsl(90, 100%, 50%))

输出：50%

HSV 色相

从 HSV 颜色空间中提取颜色对象的色相通道。

参数：color - 颜色对象。

返回值：整数 0-360

示例：hsvhue(hsv(90, 100%, 50%))

输出：90

HSV 饱和度

从 HSV 颜色空间中提取颜色对象的饱和度通道。

参数：color - 颜色对象。

返回值：百分比 0-100

示例：hsvsaturation(hsv(90, 100%, 50%))

输出：100%

HSV 值

从 HSV 颜色空间中提取颜色对象的值通道。

参数：color - 颜色对象。

返回值：百分比 0-100

示例：hsvvalue(hsv(90, 100%, 50%))

输出：50%

红色（red）

从颜色对象中提取红色通道。

参数：color - 颜色对象。

返回值：浮点数 0-255

示例：red(rgb(10, 20, 30))

输出：10

绿色（green）

从颜色对象中提取绿色通道。

参数：color - 颜色对象。

返回值：浮点数 0-255

示例：green(rgb(10, 20, 30))

输出：20

蓝色（blue）

从颜色对象中提取蓝色通道。

参数：color - 颜色对象。

返回值：浮点数 0-255

示例：blue(rgb(10, 20, 30))

输出：30

透明度（alpha）

从颜色对象中提取透明度通道。

参数：color - 颜色对象。

返回值：浮点数 0-1

示例：alpha(rgba(10, 20, 30, 0.5))

输出：0.5

亮度（luma）

计算颜色对象的 亮度（感知亮度）。

使用 SMPTE C / Rec. 709 系数，如 WCAG 2.0 推荐的那样。此计算也用于对比度函数。

在 v1.7.0 之前，亮度是在没有伽马校正的情况下计算的，请使用 luminance 函数计算这些“旧”值。

参数：color - 颜色对象。

返回值：百分比 0-100%

示例：luma(rgb(100, 200, 30))

输出：44%

亮度（luminance）

计算没有伽马校正的亮度值（在 v1.7.0 之前，此函数被命名为 luma）

参数：color - 一个颜色对象。

返回值：percentage 0-100%

示例：luminance(rgb(100, 200, 30))

输出：65%