COLOR PALETTE GENERATOR
ランダムパレットジェネレーター
色数を選んでランダムなカラーパレットを作成し、HEX値、RGB値、共有URL、最近の履歴を確認できます。
生成条件
色数と共有操作を、同じ基準線にそろえて配置しています。
パレットはURLとブラウザ履歴に保存されます。色カードを押すとHEXコードをコピーできます。
生成されたパレット
まだ生成前です。ボタンまたはSpaceキーで始めてください。
新しいパレットを作ると、この領域に色カードとHEX/RGB値が表示されます。
履歴 (0/50)
最近作った組み合わせをもう一度読み込みます。
すばやい使い方
長い説明は本文に回し、ツール内には作業中に使う操作だけを残しています。
- 生成ボタンまたはSpaceキー
- 色をコピーカードをクリック、またはEnter
- 共有現在のURLに色を含める
- 保存ブラウザのローカル履歴
ランダムパレットガイド
ランダムな色の組み合わせを作り、HEX・RGB値をすぐ確認します
ランダムパレットジェネレーターは、色数を選んだあと、独立したランダムRGB値から新しい配色を作るツールです。結果カードにはWebで使いやすいHEXコードとRGB値が並び、色カード、共有、URLコピー、履歴機能で今作った組み合わせを後から確認できます。
画面では、数を選ぶ、生成する、コピーする順番で使います
このツールは最後に計算ボタンを押す計算機ではなく、新しい組み合わせを見たいときに実行するパレットツールです。現在の画面は、色数の選択から始まり、結果カードのコピーと共有で終わります。
- 生成数 3色から15色までの間で選びます。短いパレットはアクセント色の候補に、多い色数は候補を広く見たいときに向いています。
- 新しいパレットを生成 ボタンを押すか、ページの通常領域にフォーカスがある状態でSpaceキーを押すと、新しい色の組み合わせが作られます。
- 色カード カードを押すと、そのHEXコードがコピーされます。カード内のRGB値は、CSSやデザインツールで同じ色を確認するときの補助値です。
- 共有またはURLコピー 現在のパレットをアドレスに含めます。最近のパレットは最大50件までブラウザ履歴に残り、まとめて削除できます。
HEXは貼り付け用、RGBはチャンネルを読むための値です
`#13743E`のようなHEX表記は、赤・緑・青の値を16進数でまとめたWeb色指定です。RGBは同じ色を`RGB(19, 116, 62)`のように0〜255の3つの数字で示します。
色数
一度に作る色カードの数です。3色程度はアクセント候補を選びやすく、10色以上は候補を広めに見たいときに便利です。
HEXコード
CSS、Figma、画像編集ツールに貼り付けやすい値です。カードクリックでコピーされるのもこのHEX値です。
RGB値
同じ色を3つの数字に分けた値です。特定のチャンネルが強いか、色が暗すぎないかを見る補助になります。
履歴
最近作ったパレットを現在のブラウザに保存します。アカウント同期ではなく、同じ端末・ブラウザ内の一時的な作業記録です。
色は調和ルールではなく、ランダムなRGB値から作られます
現在のツールは、特定の配色理論に合わせて色を補正しません。各色は赤、緑、青のチャンネルを独立したランダムbyte値で作り、その後HEXとRGB表記に変換します。整った組み合わせになることもあれば、あえて荒いコントラストの組み合わせになることもあります。
例のパレットは、表示形式と共有の流れを確認するためのものです
たとえば5色パレットを作ると、結果エリアには`#13743E`や`#0BE813`のようなHEXコードが表示され、その下に`RGB(19, 116, 62)`のようなRGB値が出ます。この値は固定例ではなく、出力形式を説明するサンプルです。
短いWebバナーやカードUIに使う候補色を素早く見ます。
気に入ったカードを押すと、HEXコードを1つコピーできます。
現在の組み合わせはURLで共有し、最近の組み合わせは履歴から読み込みます。
ランダム結果は完成配色ではなく候補です
最終配色として使う前に、背景と文字のコントラスト、ブランド色との衝突、色覚特性の違うユーザーにも状態が区別できるかを別途確認してください。
ランダムパレットなので、使う組み合わせを選ぶ工程が必要です
- ランダム生成は色の調和を保証しません。派手すぎる、濁って見える、カード同士が似すぎる組み合わせも出ます。
- URLに含まれる色は現在の組み合わせを再表示するためのものです。履歴はブラウザ保存なので、別端末に引き継がれない場合があります。
- コピーされる値はHEXコードです。RGBが必要な作業では、カード内に表示されたRGB値を確認してください。
- 共有前に、意図した色数になっているか確認してください。15色のような多い組み合わせは、履歴エリアでも縦に長く並びます。
よくある質問
同じボタンを押すと、前回と完全に違うパレットになりますか？
通常は新しいランダム値で作り直すため、組み合わせは変わります。ただしランダムなので、偶然いくつかの色が似て見えることはあります。
このツールは調和した色だけを選びますか？
いいえ。現在のツールは調和ルールを適用せず、ランダムなRGB値を作ります。意外な候補を探すには便利ですが、最終的な選定はユーザーが行います。
履歴はどこまで保存されますか？
最近生成したパレットが現在のブラウザに最大50件まで保存されます。共用PCや複数端末で使う場合は、URLコピーも併用すると安全です。
HEXとRGBのどちらを使えばよいですか？
CSSやデザインツールへ貼り付けるならHEXが扱いやすいです。RGBは赤・緑・青を数値で読みたいときの確認値として使えます。
Spaceキーで生成されないことがあるのはなぜですか？
入力欄やボタンにフォーカスがあると、Spaceキーがそのコントロールの操作に使われる場合があります。ページの通常領域を一度押してから、もう一度Spaceキーを使ってください。