Color(カラー)
概要
'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#
サポートされているCSSカラースペース名をランダムに返します。戻り値:'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 | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
includeAlpha | boolean | false | カラーにアルファ値を追加するかどうか(RGBA) |
prefix | string | '#' | 生成する16進数カラーのプレフィックス。'hex' フォーマットの場合のみ適用 |
space#
Modified at 2025-01-02 08:47:40