Less 颜色定义函数

  • 定义和使用

    LESS提供了许多有用的颜色功能,以不同方式更改和操纵颜色。
    LESS支持某些颜色定义功能,如下表所示-
    序号 功能与说明 示例
    1
    rgb
    它根据红色,绿色和蓝色值创建颜色。 它具有以下参数-
    • red -包含0到255之间的整数或0到100%之间的百分比。
    • green -它包含0到255之间的整数或0到100%之间的百分比。
    • blue -它包含0到255之间的整数或0到100%之间的百分比。
    rgb(220,20,60)
    它使用rgb值将颜色转换为-
    #dc143c
    2
    rgba
    它根据红色,绿色,蓝色和Alpha值确定颜色。 它具有以下参数-
    • red -包含0到255之间的整数或0到100%之间的百分比。
    • green -它包含0到255之间的整数或0到100%之间的百分比。
    • blue -它包含0到255之间的整数或0到100%之间的百分比。
    • alpha -它包含0到1之间的数字或0到100%之间的百分比。
    rgba(220,20,60, 0.5)
    它将具有rgba值的颜色对象转换为-
    rgba(220,20,60, 0.5)
    3
    argb
    它以#AARRGGBB格式定义颜色的十六进制表示。 它使用以下参数-
    • color -它指定颜色对象。
    argb(rgba(176,23,31,0.5))
    它返回argb颜色为-
    #80b0171f
    4
    hsl
    它从色相,饱和度和亮度值生成颜色。 它具有以下参数:
    • hue -它包含0到360之间的整数,代表度。
    • saturation -它包含0到1之间的数字或0到100%之间的百分比。
    • lightness -它包含0到1之间的数字或0到100%之间的百分比。
    hsl(120,100%, 50%)
    它使用HSL值返回颜色对象为-
    #00ff00
    5
    hsla
    它根据色相,饱和度,亮度和Alpha值生成颜色。 它具有以下参数-
    • hue -它包含0到360之间的整数,代表度。
    • saturation -它包含0到1之间的数字或0到100%之间的百分比。
    • lightness -它包含0到1之间的数字或0到100%之间的百分比。
    • alpha -它包含0到1之间的数字或0到100%之间的百分比。
    hsla(0,100%,50%,0.5)
    它使用HSLA值将颜色对象指定为-
    rgba(255, 0, 0, 0.5);
    6
    hsv
    它根据色相,饱和度和值产生颜色。 它包含以下参数-
    • hue -它包含0到360之间的整数,代表度。
    • saturation -它包含0到1之间的数字或0到100%之间的百分比。
    • value -它包含0到1之间的数字或0到100%之间的百分比。
    hsv(80,90%,70%)
    它将具有hsv值的颜色对象转换为-
    #7db312
    7
    hsva
    它从色相,饱和度,值和Alpha值产生颜色。 它使用以下参数-
    • hue -它包含0到360之间的整数,代表度。
    • saturation -它包含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)
    想了解更多颜色的知识,请阅读我们的颜色教程