ランダムカラー生成
出発点・プレースホルダー・着想が必要なときに、新しいランダムカラーのセットを作れます。生成する色の個数(最大48個)と表示形式(HEX コード・rgb() 値・hsl() 値)を選べ、現在の色を失わずにいつでも形式を切り替えられます。各スウォッチにはワンクリックのコピーボタンがあります。色は暗号学的に安全な乱数源から取得され、全スペクトルに均等に分布します。すべての処理はブラウザ内で実行され、サーバーで生成したり送信したりすることはありません。
—
使い方
- 欲しい色の個数を決め、形式(HEX・RGB・HSL)を選びます。
- 「生成」を押して新しいセットを作るか、個数を変えると自動で再シャッフルされます。
- 各スウォッチのボタンで好きな色をコピーします。
よくある質問
- HEX・RGB・HSL を切り替えられますか?
- はい。形式を変えると同じ色を新しい表記で再表示するので、再生成せずにプロジェクトに必要な形式を取得できます。
- 色は本当にランダムですか?
- ブラウザの暗号学的に安全な乱数生成器(crypto.getRandomValues)から取得し、すべての RGB 値に均等に分布します。特定の色相に偏りません。
- まったく新しいセットを得るには?
- 「生成」を押すか、個数を変えてください。それまで現在のセットは保持されるので、気に入った色を誤って失うことはありません。
- 色を保存・アップロードしますか?
- いいえ。生成は完全にブラウザ内で行われ、どこにも送信されません。直近のセットは利便性のためにご自身のブラウザにのみ保存されます。
関連ツール
HSL カラーピッカー
色相・彩度・明度・アルファのスライダーで色を調整 — HEX・RGB・HSL・Tailwind 任意値をコピー。
カラー 0 0
波長→色 変換器(nm → sRGB)
光の波長(380〜780 nm、可視光)を sRGB 近似色に変換 — クリック可能な虹グラデーションバーと、実際の太陽分光から得たフラウンホーファー吸収線リファレンス付き。
カラー 0 0
カラーフォーマット変換
任意の色を HEX・RGB・HSL・HSV・OKLCH・CSS 変数で一括変換。
カラー 0 0
CMYK ↔ RGB カラー変換ツール(印刷用色空間)
画面用RGB/hexと印刷用CMYKパーセントを相互変換します。Simple、GCR(グレーコンポーネント置換)、UCR(アンダーカラー除去)のブラック生成方式、チャンネル分版プレビュー、総インク被覆率表示に対応。
カラー 0 0
CSS 名前付きカラー
147 個の CSS / X11 named color — HEX・RGB・ライブスウォッチ、検索・色相系列別グループ化。
カラー 0 0
Tailwind カラーパレット
Tailwind CSS のデフォルトパレット全体 — 22 色相 × 11 シェード(50〜950)— クリックで Tailwind クラス、HEX、rgb() としてコピー。
カラー 0 0