ランダムカラー生成
ランダムな色がすでに用意されています。Space キーで次の色に進み、HEX、RGB、HSL をワンクリックでコピーできます。
- HEX
- RGB
- HSL
使い方
- ページを開いた時点ですでに色が表示されています。最初の結果にクリックは不要です。
- Space キー（または「生成」）で次の色に進みます。別の種類のランダムが必要な場合は先にスタイルを選びます。「バランス」は使える範囲の中間にとどまり、「どこでも」は HSL 空間全体から選び、「ビビッド」と「パステル」はアクセントと柔らかい背景を狙います。
- HEX、RGB、HSL をそれぞれのボタンでコピーするか、大きなスウォッチをクリックして HEX をコピーします。「3つすべてをコピー」はすべての形式を1行ずつクリップボードに入れます。
例
設定
スタイル「バランス」
結果の一例
HEX #A5B3C0 RGB rgb(165, 179, 192) HSL hsl(210, 18%, 70%)
値はランダムなので、まったく同じ結果になることはありません。形を確認してください。HEX は # と6桁の16進数、RGB は 0〜255 の3つの整数、HSL は度単位の色相と2つのパーセントです。スウォッチ上の Aa バッジは、黒文字と白文字がその色の上でどれだけ読めるかを示します（WCAG コントラスト。21:1 が最良、1:1 は見えません）。
範囲、制限、よくある質問
- 不透明な色のみです。アルファや8桁の HEX はありません。透明度が必要な場合は、値をカラー変換に貼り付けてください。
- 形式は HEX、RGB、HSL の3つです。HSV、CMYK、その他の色空間はカラー変換の役割です。
- 「バランス」「ビビッド」「パステル」は HSL 内で実用的な範囲を手動で選んだもので、数学的に均一な選択ではありません。HSL 空間全体を均一に選びたい場合は「どこでも」を選んでください。濁ったグレーやほぼ白もその一部です。
- 乱数はブラウザの crypto.getRandomValues から取得します。暗号学的に強力ですが、大気ノイズを使った「真の乱数」サービスではありません。
- 最近の色の帯はこの訪問中にのみ存在し、再読み込みすると消去されます。何もアップロード、保存、URL への書き込みは行われず、共有ボタンはページリンクのみを共有します。
- Aa バッジは色を黒文字と白文字のみと比較します（WCAG 2.x の相対輝度）。その他の文字色、オーバーレイ、カラーマネジメントは対象外です。
- 丸めは表示レベルのものです。同じ色を HEX と HSL の間で変換すると、チャンネルが1ずれることがあります。
関連ツール
色を手に入れた後、次に必要になることが多いツールです。