モジュール概要#
'red' のような人間が読める色には、human() を使用します。HTML/CSS で使用される #ff0000 のような 16 進数カラーには、rgb() を使用します。hsl()、cmyk()、hwb()、lab()、lch() など、その他のカラーフォーマット用のメソッドもあります。
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#
戻り値: 'sRGB' | 'display-p3' | 'rec2020' | 'a98-rgb' | 'prophoto-rgb'
hsl#
| 名前 | 型 | デフォルト | 説明 |
|---|
| format | ColorFormat | 'decimal' | 生成される RGB カラーのフォーマットです。 |
| includeAlpha | boolean | false | 色にアルファ値を追加します(RGBA)。 |
human#
hwb#
| 名前 | 型 | デフォルト | 説明 |
|---|
| format | ColorFormat | 'decimal' | 生成される RGB カラーのフォーマットです。 |
lab#
| 名前 | 型 | デフォルト | 説明 |
|---|
| format | ColorFormat | 'decimal' | 生成される RGB カラーのフォーマットです。 |
lch#
LCH カラーを返します。LCH 色空間におけるクロマの上限は理論上無制限ですが、230 を超えてもブラウザ上で目に見える差が生じないため、230 に制限されています。| 名前 | 型 | デフォルト | 説明 |
|---|
| format | ColorFormat | 'decimal' | 生成される RGB カラーのフォーマットです。 |
rgb#
| 名前 | 型 | デフォルト | 説明 |
|---|
| casing | Casing | 'lower' | 生成される 16 進数カラーの文字種です。'hex' format が使用される場合にのみ適用されます。 |
| format | ColorFormat | 'decimal' | 生成される RGB カラーのフォーマットです。 |
| includeAlpha | boolean | 'false' | 色にアルファ値を追加します(RGBA)。 |
| prefix | string | '#' | 生成される 16 進数カラーのプレフィックスです。 'hex' format が使用される場合にのみ適用されます。 |
space#
Modified at 2026-06-11 07:06:02