色相環・配色ジェネレーター

色相環・配色ジェネレーターについて

カラーパレットジェネレーターは、インタラクティブなカラーホイールから調和のとれた配色を作成します。ベースカラーを選び、ハーモニールール――類似色、モノクロマティック、トライアド、補色、分裂補色、正方形、シェード、または完全カスタム――を選択すると、ツールは即座に一致するパレットを計算し、ホイール上のドラッグ可能なマーカーで微調整できます。

各スウォッチはHEX、RGB、HSL、HSBの値を表示し、パレット内のどの色もワンクリックで新しいベースに昇格できます。明るさスライダーは色相の関係を保ったまま配色全体を明るく、または暗くシフトさせるので、配色のバリエーションをとても素早く探索できます。

すべての計算はブラウザ内でHSVホイールを使った色彩理論の数式でリアルタイムに行われ、アップロードもサーバー通信も一切ありません。パレットが決まったら、個別の値、すべての色を一度に、CSS変数、またはJSONとして書き出せます。

色相環・配色ジェネレーターの使い方

1. ピッカーでベースカラーを選ぶか、値を入力するか、「ランダム」をクリックします。
2. 類似色、補色、トライアド、正方形などのハーモニールールを選びます。
3. ホイール上のマーカーをドラッグし、明るさスライダーを調整して配色を微調整します。
4. スウォッチをクリックしてコピーするか、新しいベースカラーとして設定して繰り返し調整します。
5. 「すべてコピー」「CSS変数をコピー」「JSONをコピー」でパレットを書き出します。

よくある質問