阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Less 颜色定义函数

      描述

      LESS中的颜色定义函数使定义和操作颜色变得超级简单,使用颜色函数可以帮助你控制颜色、更好地配色。

      LESS提供了许多有用的颜色函数,以不同的方式改变和操作颜色。 LESS支持一些颜色定义功能,如下表所示:

      S.N.函数及描述例子
      1rgb
      它创建从红色,绿色和蓝色值的颜色。 它有以下参数:
      • 红色:包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

      • 绿色:它包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

      • 蓝色:包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

       rgb(220,20,60)
      
      它使用rgb值将颜色转换为:       
      #dc143c
      2rgba
      It determines color from red, green, blue and alpha values. It has following parameters:
      • 红色:包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

      • 绿色:它包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

      • 蓝色:包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。

      • alpha :它包含0到1之间的数字或0到100%之间的百分比。

       rgba(220,20,60,0.5)
      
      它使用rgba值将颜色对象转换为:       
       rgba(220,20,60,0.5)
      3argb
      It defines hex representation of color in #AARRGGBB format. It uses below parameter:
      • color :它指定颜色对象。

      argb(rgba(176,23,31,0.5))
      
      它返回argb颜色为:       
      #80b0171f
      4hsl
      It generates the color from hue, saturation and lightness values. It has following parameters:
      • hue :它包含介于0 - 360之间的整数,表示度数。

      • 饱和度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • 亮度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

       hsl(120,100%,50%)
      
      它使用HSL值返回颜色对象:       
      #00ff00    
      5hsla
      It generates the color from hue, saturation, lightness and alpha values. It has following parameters:
      • hue :它包含介于0 - 360之间的整数,表示度数。

      • 饱和度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • 亮度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • alpha :它包含0到1之间的数字或0到100%之间的百分比。

      hsla(0,100%,50%,0.5)
      
      它使用HSLA值将颜色对象指定为:       
       rgba(255,0,0,0.5);
      

             
             
      6hsv
      It produces the color from hue, saturation and value values. It contains following parameters:
      • hue :它包含介于0 - 360之间的整数,表示度数。

      • 饱和度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • value :它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      hsv(80,90%,70%)
      
      它将具有hsv值的颜色对象转换为:       
      #7db312
      

      7hsvaIt produces the color from hue, saturation, value and alpha values. It uses following parameters:
      • hue :它包含介于0 - 360之间的整数,表示度数。

      • 饱和度:它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • value :它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。

      • alpha :它包含0到1之间的数字或0到100%之间的百分比。

      hsva(80,90%,70%,0.6)
      
      它指定具有hsva值的颜色对象为:       
      rgba(125,179,18,0.6)
      

             
             
             
      目录
      本文目录
      目录