このツールについて
押すたびにランダムな色が生成され、HEX・RGB・HSL の 3 形式が同時に得られます。トーン（パステル、ビビッド、ダーク、暖色、寒色）を指定でき、これは HSL のサンプリング範囲を制限することで実現しているため、同じトーンで生成した色は一貫した雰囲気になります。配色のヒント探し、タグの色決め、デザインのダミーに使えます。
GENERATOR · WEB CRYPTO 乱数
ランダムカラー生成
ランダムな色を生成します。パステル・ビビッド・ダーク・暖色・寒色に限定できます。
結果
設定してボタンを押すと結果が生成されます。
設定
操作手順
- トーンを選ぶか、「指定なし」のままにします。
- 一度に生成する数を設定します。
- 生成し、色見本をクリックして値をコピーします。
制限と公平性
HSL でサンプリングして HEX と RGB に変換します。トーン指定はサンプリング範囲の制限であり、任意の 2 色が調和することを保証しません。
プライバシー
リスト・設定・結果はこのブラウザのメモリ内にのみ存在します。履歴はページを離れるか再読み込みすると消去されます。送信・永続保存・URL への記録は行いません。
よくある質問
- トーンはどのように実現していますか。
- HSL 色空間でサンプリング範囲を制限しています。パステルは高明度・低彩度、ビビッドは高彩度・中明度、ダークは低明度、暖色と寒色は色相帯を制限します。生成後にフィルタするのではなく範囲自体を制限しているため、生成される色は必ずそのトーン内に収まります。
- 生成された色をそのまま配色に使えますか。
- 出発点としては使えます。同じトーンは雰囲気の一致を意味しますが、色同士のコントラストが十分であることは保証しません。文字と背景の組み合わせはカラーピッカーで WCAG の 4.5:1 を満たすか確認するか、パレットツールで 1 つの基準色から色階を作ってください。