Color(カラー)
'red'
のような人間が読める色名を生成するには、human()
を使用します。#ff0000
のような16進数カラーコードを生成するには、rgb()
を使用します。その他にもhsl()
、cmyk()
、hwb()
、lab()
、lch()
などのカラーフォーマット用のメソッドもあります。cmyk
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するCMYKカラーのフォーマット |
colorByCSSColorSpace
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
space | ColorFormat | 'sRGB' | 'display-p3' | 'rec2020' | 'a98-rgb' | 'prophoto-rgb' | 色を生成するカラースペース |
cssSupportedFunction
cssSupportedSpace
hsl
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
includeAlpha | boolean | false | カラーにアルファ値を追加するかどうか(RGBA) |
human
hwb
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
lab
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
lch
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
rgb
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
casing | Casing | 'lower' | 生成する16進数カラーの文字ケース。'hex' フォーマットの場合のみ適用 |
format | ColorFormat | 'decimal' | 生成するRGBカラーのフォーマット |
includeAlpha | boolean | false | カラーにアルファ値を追加するかどうか(RGBA) |
prefix | string | '#' | 生成する16進数カラーのプレフィックス。'hex' フォーマットの場合のみ適用 |
space