このツールでできること
ジェネレーターは、古典的な色相環の調和ルールを使ってベースカラーから5色のパレットを作ります。調和の種類を選ぶと、ベースカラーを変えるたびに5つのスウォッチがリアルタイムで更新されます。スウォッチをクリックすると16進コードがコピーされます。
調和のルール
- 補色：自分の色相と色相環上で正反対の色相（180度離れた位置）を、明暗のバリエーションで組み合わせます。コントラストが高く、エネルギッシュです。
- 類似色：自分の色相の両側30度・60度の色相を使います。穏やかでまとまりがあり、自然界によく見られます。
- 三色：120度間隔の3つの色相です。バランスが良く、生き生きとしています。
- モノクロ：1つの色相を5段階の明度で展開します。最も安全な選択で、常になじみます。
- ランダム：心地よい彩度と明度の5つの色相を、ブラウザの暗号論的乱数ジェネレーターによる真のランダムで生成します。
計算例
ベース#3B82F6（青、色相217度）の場合、補色では青系に加えて正反対の色相37度（オレンジ）が使われます。無数のロゴや映画ポスターに使われてきた青とオレンジの定番コンビです。
デザインでのパレット活用
よくある配分は、背景に1つの dominant カラー、ボタンやリンクにアクセントカラー、残りをテキスト・境界線・状態表示に使う方法です。公開前にテキスト色と背景の組み合わせをコントラストチェッカーで確認しましょう。
注意点
調和ルールは出発点であり保証ではありません。文脈、比率、明るさによってパレットの印象は変わります。必ず実際のデザインでプレビューしてください。