任意のベースカラーから補色、トライアド、アナログ、スプリット補色のパレットを生成。スウォッチをクリックするだけでHEXコードをコピー。
カラーハーモニーは、カラーホイール上の位置から導き出される、一緒に美しく見える色の組み合わせです。補色は互いに向かい合って配置され、三項色は 120° で等間隔に配置され、類似色は隣り合って配置されます。
ベースカラーとハーモニータイプを選択します。このツールは、HSL ホイールを中心にカラーを回転させて一致するパレットを生成し、各スウォッチを 16 進コードで表示します。任意のスウォッチをクリックしてクリップボードにコピーします。
カラーハーモニーは、どの色同士がよく合うかを教えるルールの体系で、色相環の幾何学から生まれます。すべてのハーモニーは基本色からの固定された角度パターンです——補色は180°、トライアドは120°、類似色は30°以内、といった具合。パターンが幾何学的だからこそ、どんな基本色からでも即座に使えるパレットが生まれます。「しっくりくる」と感じるのは、人間の目が色相の関係を出発色に関係なく同じように処理するからです。
補色ペアは180°離れています——赤と緑、青と橙、黄と紫——エネルギーとコントラストが最大になります。スプリット補色は衝突を和らげます。正反対の色ではなく、その両隣の2色を取るのです（基本色 + 150° + 210°）。対比の鮮やかさは保ちながら、きつい振動だけを失うため、それでも目立たせたいインターフェースにとって最も安全な選択の一つです。
類似色スキームは色相環で隣り合う3〜5色を取り、すべて約60°以内に収めます——青・青緑・緑など。隣り合う色相は顔料を共有するため、穏やかで統一感があり自然に見えます。モノクロームはさらに進みます。一つの色相を異なるティント・シェード・彩度で展開するのです。どちらもまず失敗しようがないため、ダッシュボードやデータ可視化、安定感と信頼感を出したいブランドの定番の選択肢です。
トライアドは3色を120°の等間隔に配置——定番の赤・黄・青。鮮やかでバランスが良く、遊び心のあるブランド、イラスト、インフォグラフィックに最適です。テトラード（ダブル補色）は2組の補色ペアが色相環上で長方形を作ります——例えば青・橙・紫・黄緑。全パレットで最も豊かな配色ですが、バランスが最も難しい——1色を主役にし、残り3色は補助のアクセントに徹しないと、スキームはノイズに崩れます。
ハーモニーを仕事に合わせましょう。モノクロームと類似色はプロ向け製品、ヘルステック、金融に合い、落ち着いて有能に映ります。補色はマーケティングページや行動喚起に向き、コントラストが注意を引きつけます。トライアドは遊び心のあるコンテンツや教育コンテンツ向き。スプリット補色はウェブアプリの最良のオールラウンダー——生き生きして安全。どれを選んでも60-30-10ルールを適用——60%主色、30%補助、10%アクセント——パレットに競合ではなく階層を与えましょう。
和色は平安時代の襲（かさね）の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。
山吹の花に由来する黄金色。JIS慣用色名
ナデシコの花の淡いピンク。平安時代から愛される
新選組の羽織で有名な青緑色
茜草の根から染めた深い赤。夕焼けの色
春の新芽を思わせる明るい黄緑
仏教の七宝「瑠璃」に由来する深い青
桜の花びらのようなごく淡いピンク
藤の花の淡い紫。春の代表色
常緑樹の深い緑。永遠を象徴する
小豆に由来する渋い赤褐色