Less色彩通道函数

Less颜色通道函数是用于设置通道值的内置函数。通道根据颜色定义设置值。 HSL颜色由色调, 饱和度和亮度通道组成, 而RGB颜色由红色, 绿色和蓝色通道组成。
【Less色彩通道函数】颜色通道函数列表:

Index Function Description Example
1) hue 在hsl颜色空间中, 提取颜色对象的色相通道。 背景:hue(hsl(80, 90%, 40%)); 它在CSS中编译为仅显示色相值, 例如:background:80;
2) saturation 在hsl颜色空间中, 提取颜色对象的饱和度通道。 背景:饱和度(hsl(80, 90%, 40%)); 它在CSS中编译以仅显示饱和度值, 例如:background:90%;
3) lightness 在hsl颜色空间中, 提取颜色对象的亮度通道。 背景:亮度(hsl(80, 90%, 40%)); 它在CSS中编译以仅显示亮度值, 例如:background:30%;
4) hsvhue 在hsv颜色空间中, 提取颜色对象的色相通道。 背景:hsvhue(hsv(80, 90%, 40%)); 它在CSS中进行编译以将色相值显示为:background:80;
5) hsvsaturation 在hsl颜色空间中, 提取颜色对象的饱和度通道。 背景:hsvsaturation(hsv(80, 90%, 40%)); 它在CSS中编译以仅显示饱和度值, 例如:background:90%;
6) hsvvalue 在hsl颜色空间中, 从颜色对象中提取值通道。 背景:hsvvalue(hsv(80, 90%, 40%)); 它在CSS中进行编译以将值显示为:background:40%;
7) red 红色通道是从颜色对象中提取的。 背景:红色(rgb(10, 20, 30)); 它在CSS中编译以仅显示红色值:background:10;
8) green 提取颜色对象的绿色通道。 背景:绿色(rgb(10, 20, 30)); 它在CSS中进行编译, 如下所示:background:20;
9) blue 蓝色通道是从颜色对象中提取的。 背景:蓝色(rgb(10, 20, 30)); 它在CSS中编译以仅显示蓝色值:background:30;
10) alpha alpha通道是从颜色对象中提取的。 背景:alpha(rgba(5, 15, 25, 1.5)); 它在CSS中进行编译以将alpha值显示为:background:2;
11) luma 计算色彩对象的亮度值。 背景:luma(rgb(50, 250, 150)); 它在CSS中进行编译以显示亮度值:background:71.2513323%;
12) luminance 无需伽马校正即可计算亮度值。 背景:亮度(rgb(50, 250, 150)); 它在CSS中进行编译, 如下所示:background:78.53333333%;

    推荐阅读