颜色

类型 RGB

长度为 3 的数字数组类型,表示 RGB 值:

类型 RGBA

长度为 4 的数字数组类型,表示 RGBA 值:

类型 HSL

长度为 3 的数字数组类型,表示 HSL 值:

类型 HSLA

长度为 4 的数字数组类型,表示 HSLA 值:

rgb2hsl()

将 RGB 值转换为 HSL;将 RGBA 转换为 HSLA。

hsl2rgb()

将 HSL 值转换为 RGB;将 HSLA 转换为 RGBA。

Color

静态属性与方法

hex()

HEX 值创建 Color 实例,支持以下值:

hexa()

HEX 值创建 Color 实例,支持以下值:

rgb()

RGB 值创建 Color 实例。

rgba()

RGBA 值创建 Color 实例。

hsl()

HSL 值创建 Color 实例。

hsla()

HSLA 值创建 Color 实例。

实例属性与方法

hex()

若无参数,返回带 # 前缀的 HEX 值; 若有参数,根据 HEX 值并设置该 Color 实例,返回 this

hexa()

若无参数,返回带 # 前缀和不透明度的 HEX 值; 若有参数,根据带不透明度的 HEX 值设置该 Color 实例,返回 this

rgb()

若无参数,返回 RGB; 若有参数,根据 RGB 值设置该 Color 实例,返回 this

rgba()

若无参数,返回 RGBA; 若有参数,根据 RGBA 值设置该 Color 实例,返回 this

hsl()

若无参数,返回 HSL; 若有参数,根据 HSL 值设置该 Color 实例,返回 this

hsla()

若无参数,返回 HSLA; 若有参数,根据 HSLA 值设置该 Color 实例,返回 this

alpha()

若无参数,返回不透明度(0 ~ 1); 若有参数,根据参数值设置该 Color 实例,返回 this

alphaByte()

若无参数,返回不透明度(0 ~ 255); 若有参数,根据参数值设置该 Color 实例,返回 this

isDark()

检查当前实例颜色亮度是否低于 0.5,返回 boolean

invert()

返回当前颜色反转后的 Color 实例,不会改变原实例。

getTokens()

从当前颜色获取主题 tokens,主题 tokens 包含:

clone()

克隆并返回新的 Color 实例。