コンテンツにスキップ
🎨

ランダムカラー生成

HEX、RGB、HSL値でランダムな色を生成。カラーコードを即座にコピー。比較用の色の履歴付き。無料、ブラウザで動作。

#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
履歴

ランダムカラーの生成方法は?

このツールは crypto.getRandomValues() を使用して、赤、緑、青のチャンネルに対して3つの暗号学的に安全なランダム値(0〜255)を生成します。RGB値はHEXおよびHSL形式に変換されるので、プロジェクトに必要な表記法でカラーをコピーできます。

カラーフォーマットの参考

  • HEX — 6桁の16進数表記(#RRGGBB)。CSSおよびウェブデザインの標準。
  • RGB — 赤、緑、青の値(0〜255)。CSS rgb() 関数で使用。
  • HSL — 色相(0〜360°)、彩度(0〜100%)、明度(0〜100%)。色の調整に直感的。

ランダムカラーの用途

  • デザインのインスピレーション — プロジェクト向けに予想外の色の組み合わせを発見。
  • プレースホルダーカラー — ワイヤーフレームやモックアップ用に素早く色を生成。
  • アートプロジェクト — 創作活動の出発点としてランダムカラーを使用。
  • ゲームやチャレンジ — 色に基づくゲームやデザインチャレンジを作成。

プライバシー

すべての色はブラウザ内で100%生成されます。データはサーバーに送信されません。