Less 色彩通道函数

hue

提取 HSL 色彩空间中色彩对象的色调通道。

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

返回: integer 0-360

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

输出: 90

saturation

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

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

返回: percentage 0-100

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

输出: 100%

lightness

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

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

返回: percentage 0-100

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

输出: 50%

hsvhue

提取 HSV 色彩空间中色彩对象的色调通道。

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

返回: integer 0-360

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

输出: 90

hsvsaturation

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

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

返回: percentage 0-100

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

输出: 100%

hsvvalue

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

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

返回: percentage 0-100

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

输出: 50%

red

提取颜色对象的红色通道。

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

返回: float 0-255

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

输出: 10

green

提取颜色对象的绿色通道。

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

返回: float 0-255

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

输出: 20

blue

提取颜色对象的蓝色通道。

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

返回: float 0-255

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

输出: 30

alpha

提取颜色对象的 alpha 通道。

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

返回: float 0-1

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

输出: 0.5

luma

计算色彩对象的 luma(感知亮度)。

根据 WCAG 2.0 的建议,使用 SMPTE C / Rec. 709 系数。该计算也用于对比度功能。

在 v1.7.0 版之前,luma 值的计算不带伽玛校正,请使用亮度功能计算这些 "旧 "值。

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

返回: percentage 0-100%

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

输出: 44%

luminance

计算未进行伽玛校正的 luma 值(此函数在 v1.7.0 之前名为 luma)

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

返回: percentage 0-100%

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

输出: 65%

说说我的看法
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号