🎨
カラーパレット ジェネレーター
ベースカラーを1色選ぶだけで、デザイン理論に基づいた「調和する5色パレット」を自動生成します。
生成されたカラー（HEX/RGB）はワンクリックでコピー可能です。Webサイトやアプリの配色決めに最適です。
ベースカラーを選択
#
クリップボードのコピー形式
初心者向け：カラーパレット理論の基礎
WebデザインやアプリのUI設計において、美しい配色は「センス」ではなく「ルール（色彩理論）」に基づいています。当ジェネレーターで自動生成される配色パターンの特徴を解説します。
Monochromatic（同系色）
同じ色相（Hue）を保ったまま、明度（明るさ）や彩度（鮮やかさ）だけを変えた配色です。統一感があり、最も失敗が少なく洗練されたモダンな印象を与えます。
Analogous（類似色）
色相環で隣り合う色（角度差が30度前後）を組み合わせた配色です。自然界によく見られるグラデーション（例：青〜紫〜赤紫）を生み出しやすく、穏やかで心地よいデザインになります。
Complementary（補色）
色相環で正反対（角度差が180度）にある色同士を組み合わせた配色です。非常に対比が強くなるため、ボタンなどの「目立たせたいアクセントカラー」を決定する際に重宝します。
Triadic（トライアド）
色相環を3等分（角度差がそれぞれ120度）した3色を組み合わせます。非常にカラフルで活発な印象を与えつつも、バランスが取れているためポップなサイトデザインに向いています。