ランダムカラー
ランダムカラージェネレーター - HEX・RGB・HSL
ランダムな色を HEX・RGB・HSL のカラーコード付きで生成。明るい色・暗い色・パステル・ビビッド・ニュートラルから選び、ワンクリックでコピーできます。
Space またはスペースキー
使い方
デザインの出発点や仮の色、ちょっとしたひらめきが欲しいときに。スペースキーで新しい色をランダムに生成します。スタイルは OKLCH で範囲を絞るため、パステルは柔らかく、暗い色は白い文字が読みやすいまま保たれます。各色に最も近い CSS 色名と主要なフォーマットを表示します。
- 1 スタイルと生成する色の数を選びます。
- 2 スペースキーか「生成」で新しい色を作ります。
- 3 色をクリックしてコピー、または他のツールで開きます。
よくある質問
本当にランダムな色ですか？
「すべて」スタイルでは RGB の各チャンネルを 0〜255 から一様に選ぶため、約 1,670 万色がすべて同じ確率で出ます。他のスタイルは色相・明度・彩度を一定の範囲内でランダムにします。
ランダムなパステルカラーを作るには？
「パステル」スタイルを選びます。OKLCH の明度を高く、彩度を低く保つので、背景に使いやすい柔らかな色になります。
以前に生成した色を見られますか？
はい。「最近生成した色」にページを開いている間の直近 24 色が残り、クリックすると再度コピーできます。
「最も近い CSS 色名」とは？
OKLab で測ったときにランダムな色に最も近い CSS の名前付きカラーです。覚えやすいラベルや、似た色のキーワード探しに使えます。