颜色（Color）

生成颜色的模块。

概述

对于像 'red' 这样人类可读的颜色，请使用 human()。

对于像 #ff0000 这样的十六进制颜色（在 HTML/CSS 中使用），请使用 rgb()。还有其他颜色格式的方法，例如 hsl()、cmyk()、hwb()、lab() 和 lch()。

cmyk

返回 CMYK 颜色。

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 CMYK 颜色的格式。

返回: 字符串 | 数字数组

示例

colorByCSSColorSpace

根据指定的 CSS 颜色空间返回随机颜色。

返回: 字符串 | 数字数组

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。
space	ColorFormat	\sRGB' \| 'display-p3' \| 'rec2020' \| 'a98-rgb' \| 'prophoto-rgb'	要为其生成颜色的颜色空间。

示例

cssSupportedFunction

根据指定的 CSS 颜色空间返回随机颜色。

返回: 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hwb' | 'cmyk' | 'lab' | 'lch' | 'color'

示例

cssSupportedSpace

返回随机的 CSS 支持的颜色空间名称。

返回: 'sRGB' | 'display-p3' | 'rec2020' | 'a98-rgb' | 'prophoto-rgb'

示例

hsl

返回 HSL 颜色。

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。
includeAlpha	布尔值	`false`	向颜色添加 Alpha 值（RGBA）。

返回: 字符串 | 数字数组

示例

human

返回一个随机的人类可读颜色名称。

返回: 字符串

示例

hwb

返回 HWB 颜色。

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。

返回: 字符串 | 数字数组

示例

lab

返回 LAB (CIELAB) 颜色。

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。

返回: 字符串 | 数字数组

示例

lch

返回 LCH 颜色。尽管 LCH 颜色空间中色度的上限理论上是无限的，但它被限制在 230，因为任何高于此值的都不会在浏览器中产生明显的差异。

参数

名称	类型	默认值	说明
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。

返回: 字符串 | 数字数组

示例

rgb

返回 RGB 颜色。

参数

名称	类型	默认值	说明
casing	大小写	`'lower'`	生成的十六进制颜色的字母类型大小写。仅在使用 `'hex'` 格式时适用。
format	ColorFormat	`'decimal'`	生成的 RGB 颜色的格式。
includeAlpha	布尔值	`'false'`	向颜色添加 Alpha 值（RGBA）。
prefix	字符串	`'#'`	生成的十六进制颜色的前缀。仅在使用 `'hex'` 格式时适用。

返回: 字符串 | 数字数组

示例

space

从全球公认的颜色空间中返回随机颜色空间名称。来源：https://en.wikipedia.org/wiki/List_of_color_spaces_and_their_uses

返回: 字符串

示例

cmyk#

colorByCSSColorSpace#

cssSupportedFunction#

cssSupportedSpace#

hsl#

human#

hwb#

lab#

lch#

rgb#

space#

cmyk

colorByCSSColorSpace

cssSupportedFunction

cssSupportedSpace

hsl

human

hwb

lab

lch

rgb

space