阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Less 颜色通道函数

      Less支持少数内置函数,用于设置通道的值。 通道根据颜色定义设置值。 HSL颜色具有色相,饱和度和亮度通道,RGB颜色具有红色,绿色和蓝色通道。 以下是颜色通道功能的列表:

      S.N.函数及描述例子
      1hue

      在HSL颜色空间中,提取颜色对象的色调通道。
      background: hue(hsl(75, 90%, 30%));
      它在CSS中编译如下所示:
      background: 75;
      2saturation

      在HSL颜色空间中,提取彩色对象的饱和通道。
      background: saturation(hsl(75, 90%, 30%));
      它在CSS中编译如下所示:
      background: 90%;
      3lightness

      在HSL颜色空间中,从颜色对象提取亮度通道。
      background: lightness(hsl(75, 90%, 30%));
      它在CSS中编译如下所示:
      background: 30%;
      4hsvhue

      在HSV色彩空间中,提取色彩对象的色调通道。
      background: hsvhue(hsv(75, 90%, 30%));

      它在CSS中编译如下所示:

      background: 75;

      5hsvsaturation

      在HSL颜色空间中,提取彩色对象的饱和通道。
      background: hsvsaturation(hsv(75, 90%, 30%));
      它在CSS中编译如下所示:
      background: 90%;
      6hsvvalue

      在HSL颜色空间中,提取颜色对象的值通道。
      background: hsvvalue(hsv(75, 90%, 30%));
      它在CSS中编译如下所示:
      background: 30%;
      7red

      提取彩色对象的红色通道。
      background: red(rgb(5, 15, 25));
      它在CSS中编译如下所示:
      background: 5;
      8green

      提取彩色对象的绿色通道。
      background: green(rgb(5, 15, 25));
      它在CSS中编译如下所示:
      background: 15;
      9blue

      提取彩色对象的蓝色通道。
      background: blue(rgb(5, 15, 25));
      它在CSS中编译如下所示:
      background: 25;
      10alpha

      提取颜色对象的alpha通道。
      background: alpha(rgba(5, 15, 25, 1.5));
      它在CSS中编译如下所示:
      background: 2;
      11luma

      计算颜色对象的亮度值。
      background: luma(rgb(50, 250, 150));
      它在CSS中编译如下所示:
      background: 71.2513323%;
      12luminance

      在没有伽马校正的情况下计算亮度值。
      background: luminance(rgb(50, 250, 150));
      它在CSS中编译如下所示:
      background: 78.53333333%;

      目录
      本文目录
      目录