【色合わせ辞典】相性のいい 合う色の組み合わせ一覧 完全ガイド

この記事は約4分で読めます。

「この色に合う色って何だろう?」

コーデやデザインを考えるとき、意外とここで手が止まりますよね。

実は配色にはある程度の“型”があり、基本を押さえれば誰でもバランスよく組み合わせることができます。

この記事では、色ごとに合う色の組み合わせを一覧で分かりやすくまとめました。

さらに、デザイン・ファッション別の使い方にも、それぞれリンクしています。

気になる色からチェックしてみてください。

スポンサーリンク
PVアクセスランキング にほんブログ村

【色に合う色一覧】

赤・ピンク系

赤に合う色

■■ 赤 ×黒(かっこいい・引き締め)
■■ 赤 × ベージュ(やわらかい・上品)
■■ 赤 × グレー(落ち着き・大人っぽい)


▶赤に合う色まとめ
▶赤に合う色|デザイン編
▶赤に合う色|ファッション編

ピンクに合う色

■■ ピンク × グレー(甘さを抑える)
■□ ピンク × 白(可愛い・やさしい)
■■ ピンク × ネイビー(大人っぽい)


▶ ピンクに合う色まとめ
▶ ピンクに合う色|デザイン編
▶ ピンクに合う色|ファッション編

オレンジ・黄色系

黄色に合う色

■■ 黄色 × グレー(おしゃれ・都会的)
■□ 黄色 × 白(明るい・軽やか)
■■ 黄色 × ネイビー(引き締め)


▶ 黄色に合う色まとめ
▶ 黄色に合う色|デザイン編
▶ 黄色に合う色|ファッション編

オレンジに合う色

■□ オレンジ × 白(元気・明るい)
■■ オレンジ × グレー(バランス)
■■ オレンジ × ネイビー(落ち着き)


▶ オレンジに合う色まとめ
▶ オレンジに合う色|デザイン編
▶ オレンジに合う色|ファッション編

緑系

緑に合う色

■■ 緑 × ベージュ(ナチュラル)
■□ 緑 × 白(清潔感)
■■ 緑 × ブラウン(落ち着き)


▶ 緑に合う色まとめ
▶ 緑に合う色|デザイン編
▶ 緑に合う色|ファッション編

黄緑に合う色

■□ 黄緑 × 白(フレッシュ)
■■ 黄緑 × ブラウン(安心・ナチュラル)
■■ 黄緑 × イエロー(元気・明るい)


▶ 黄緑に合う色まとめ
▶ 黄緑に合う色|デザイン編
▶ 黄緑に合う色|ファッション編

青・水色系

青に合う色

■□ 青 × 白(爽やか・清潔感)
■■ 青 × ベージュ(ナチュラル)
■■ 青 × グレー(知的・クール)


▶ 青に合う色まとめ
▶ 青に合う色|デザイン編
▶ 青に合う色|ファッション編

紺色(ネイビー)に合う色

■□ ネイビー × 白(爽やか・清潔感)
■■ ネイビー × グレー(洗練)
■■ ネイビー × 黒(シック・高級感)


▶ ネイビーに合う色まとめ
▶ ネイビーに合う色|デザイン編
▶ ネイビーに合う色|ファッション編

水色に合う色

■□ 水色 × 白(爽やか・清潔感)
■■ 水色 × グレー(都会的)
■■ 水色 × ピンク(かわいい・上品)


▶ 水色に合う色まとめ
▶ 水色に合う色|デザイン編
▶ 水色に合う色|ファッション編

紫に合う色

■■ 紫 × グレー(上品・洗練)
■□ 紫 × 白(透明感)
■■ 紫 × 黒(高級感)


▶ 紫に合う色まとめ
▶ 紫に合う色|デザイン編
▶ 紫に合う色|ファッション編

ラベンダー(薄紫)に合う色

■■ ラベンダー × グレー(大人)
■■ ラベンダー × ミントグリーン(トレンド)
■■ ラベンダー × ピンク(華やか・フェミニン)


▶ ラベンダーに合う色まとめ
▶ ラベンダーに合う色|デザイン編
▶ ラベンダーに合う色|ファッション編

ブラウン・ベージュ系

茶色(ブラウン)に合う色

■□ ブラウン × 白(軽い印象)
■■ ブラウン × ベージュ(ナチュラル)
■■ ブラウン × オレンジ(温かみ)


▶ 茶色に合う色まとめ
▶ 茶色に合う色|デザイン編
▶ 茶色に合う色|ファッション編

ベージュに合う色

■□ ベージュ × 白(ナチュラル)
■■ ベージュ × 黒(引き締め)
■■ ベージュ × グリーン(優しい印象)


▶ ベージュに合う色まとめ
▶ ベージュに合う色|デザイン編
▶ ベージュに合う色|ファッション編

無彩色

白(ホワイト)に合う色

□■ 白 × ネイビー(信頼感)
□■ 白 × 黒(シンプル)
□■ 白 ×青 (爽やか・清潔感)


▶ 白に合う色まとめ
▶ 白に合う色|デザイン編
▶ 白に合う色|ファッション編

黒(ブラック)に合う色

■□ 黒 × 白(モノトーン)
■■ 黒 × 赤(インパクト)
■■黒 × ベージュ(上品)


▶黒に合う色まとめ
▶黒に合う色|デザイン編
▶黒に合う色|ファッション編

灰色(グレー)に合う色

■■ グレー × ピンク(柔らかい)
■■ グレー × 青(クール)
■■ グレー × 黄色(アクセント)


▶ グレーに合う色まとめ
▶ グレーに合う色|デザイン編
▶ グレーに合う色|ファッション編

目的別で配色を探す

デザイン向け配色

  • 視認性重視
  • コントラスト強め
  • シンプル構成

▶ デザイン配色を見る

ファッション向け配色

  • トーンを合わせる
  • 3色以内にまとめる
  • 抜け感を意識

▶ ファッション配色を見る

配色で失敗しない3つのコツ

① 色は3色以内にする

多すぎるとまとまりがなくなります。

ベース・メイン・アクセントの3つに分けると整います。

② トーン(明るさ)を揃える

同じ明るさの色を選ぶと、統一感が出ておしゃれに見えます。

③ 迷ったら「ベージュ・グレー」を使う

どんな色にも合わせやすく、失敗しにくい万能カラーです。

まとめ

配色はセンスではなく、ルールで決まります。

  • 色ごとに合う組み合わせを知る
  • 使うシーンで選ぶ
  • シンプルにまとめる

この3つを意識するだけで、一気におしゃれな配色になります。

各色の記事では、より詳しい組み合わせや実例を紹介しているので、気になる色からチェックしてみてください。

コメント