Apidog Docs
🇯🇵 日本語
  • 🇺🇸 English
  • 🇯🇵 日本語
HomeLearning CenterSupport CenterAPI References
HomeLearning CenterSupport CenterAPI References
Discord Community
Slack Community
X / Twitter
🇯🇵 日本語
  • 🇺🇸 English
  • 🇯🇵 日本語
  1. Learning Center
  • Back to home
  • 動的値モジュール
  • Airline(航空会社)
  • Color(カラー)
  • Commerce(商業)
  • Animal(動物)
  • Company(会社)
  • Database(データベース)
  • Datatype(データ型)
  • Date(日付)
  • Finance(金融)
  • Food(食品)
  • Git
  • Hacker(ハッカー)
  • Music(音楽)
  • Phone(電話関連)
  • Science(科学)
  • Number(数値)
  • Vehicle(車両)
  • Word(単語)
  • Lorem(テキスト)
  • Image(画像)
  • Helpers(ヘルパー)
  • Internet(インターネット)
  • Location(位置情報)
  • Person(個人情報)
  • String(文字列)
  • System(コンピュータシステム)
  1. Learning Center

Color(カラー)

カラーを生成するモジュール。
概要
'red'のような人間が読める色名を生成するには、human()を使用します。
HTML/CSSで使用される#ff0000のような16進数カラーコードを生成するには、rgb()を使用します。その他にもhsl()、cmyk()、hwb()、lab()、lch()などのカラーフォーマット用のメソッドもあります。

cmyk#

CMYKカラーを返します。
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するCMYKカラーのフォーマット
戻り値:string | number[]
使用例

colorByCSSColorSpace#

指定されたCSSカラースペースに基づくランダムな色を返します。
戻り値:string | number[]
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するRGBカラーのフォーマット
spaceColorFormat'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カラーを返します。
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するRGBカラーのフォーマット
includeAlphabooleanfalseカラーにアルファ値を追加するかどうか(RGBA)
戻り値:string | number[]
使用例

human#

人間が読める色名をランダムに返します。
戻り値:string
使用例

hwb#

HWBカラーを返します。
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するRGBカラーのフォーマット
戻り値:string | number[]
使用例

lab#

LAB(CIELAB)カラーを返します。
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するRGBカラーのフォーマット
戻り値:string | number[]
使用例

lch#

LCHカラーを返します。LCHカラースペースのクロマの理論上の上限は無制限ですが、230以上の値はブラウザで目立った違いを生まないため、230に制限されています。
パラメータ
名前型デフォルト値説明
formatColorFormat'decimal'生成するRGBカラーのフォーマット
戻り値:string | number[]
使用例

rgb#

RGBカラーを返します。
パラメータ
名前型デフォルト値説明
casingCasing'lower'生成する16進数カラーの文字ケース。'hex'フォーマットの場合のみ適用
formatColorFormat'decimal'生成するRGBカラーのフォーマット
includeAlphabooleanfalseカラーにアルファ値を追加するかどうか(RGBA)
prefixstring'#'生成する16進数カラーのプレフィックス。'hex'フォーマットの場合のみ適用
戻り値:string | number[]
使用例

space#

世界的に認められているカラースペースからランダムなカラースペース名を返します。出典:https://en.wikipedia.org/wiki/List_of_color_spaces_and_their_uses
戻り値:string
使用例
Previous
Airline(航空会社)
Next
Commerce(商業)
Built with