颜色

Sass 的 颜色类型

层次结构

  • 颜色

构造函数

  • 使用给定的红色、绿色、蓝色和 alpha 通道创建一个新的 Sass 颜色。红色、绿色和蓝色通道必须是 0 到 255(含)之间的整数,alpha 必须是 0 到 1(含)之间的整数。

    示例

    new sass.types.Color(107, 113, 127); // #6b717f
    new sass.types.Color(0, 0, 0, 0); // rgba(0, 0, 0, 0)

    参数

    • r: number
    • g: number
    • b: number
    • 可选 a: number

    返回 Color

  • 使用从十六进制数字的各个两字节块中获取的 alpha、红色、绿色和蓝色通道创建一个新的 Sass 颜色。

    示例

    new sass.types.Color(0xff6b717f); // #6b717f
    new sass.types.Color(0x00000000); // rgba(0, 0, 0, 0)

    参数

    • argb: number

    返回 Color

方法

  • 将颜色的 alpha 通道作为 0 到 1 的数字返回。

    示例

    // color is `#6b717f`.
    color.getA(); // 1

    // color is `transparent`.
    color.getA(); // 0

    返回 number

  • 将颜色的蓝色通道作为 0 到 255 的整数返回。

    示例

    // color is `#6b717f`.
    color.getB(); // 127

    // color is `#b37399`.
    color.getB(); // 153

    返回 number

  • 将颜色的绿色通道作为 0 到 255 的整数返回。

    示例

    // color is `#6b717f`.
    color.getG(); // 113

    // color is `#b37399`.
    color.getG(); // 115

    返回 number

  • 将颜色的红色通道作为 0 到 255 的整数返回。

    示例

    // color is `#6b717f`.
    color.getR(); // 107

    // color is `#b37399`.
    color.getR(); // 179

    返回 number