锐客网

  1. 首页 > 睿知 > it技术 > >

Less色彩通道函数

lessLess函数

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％;

    推荐阅读


    上一篇：Less类型函数

    下一篇：Less的色彩融合函数