PR

イメージから選ぶ配色パターン集|ロマンチックな色合わせ

ロマンチック


ロマンチック*romantic
現実離れした夢や理想の世界に心を寄せ、優雅さや愛らしさ、うっとりとした感情を抱かせるさま

特徴
優しく柔らかい雰囲気
愛らしさや女性らしさを強調

代表的な色
#D8A1A8 ダスティピンク
#C8A2C8 ラベンダー
#C7D7F2 ペールブルー
#F8F4E3 アイボリー
#B784A7 モーブ

避けたい色
 オリーブグリーン
 ダークブラウン
 スレートグレー

重厚感や無骨さ、落ち着きが強くなり、ロマンチック特有の優雅さや柔らかさが薄れやすい。

彩度
中〜低
落ち着いた印象を与える
やさしい雰囲気を演出する

明度
中〜高
やわらかい印象を与える
ふんわりした印象を演出する

配色のコツ
ピンクやラベンダーをベースに配色

アクセントにゴールドやパステルカラーを加えると華やかさが増す

トーンを揃えると統一感が出る

レース、シフォン、サテンなどの素材感を活かすとさらにロマンチックになる

活用シーン
ブライダル・ウェディング
結婚式招待状
ウェディングサイト
結婚式場のパンフレット
など

コスメ・スキンケア
化粧水や美容液のパッケージ
コスメブランドのECサイト
SNS広告・Instagram投稿
など

ファッション・アパレル
春夏コレクションのビジュアル
ショップカード
ファッション雑誌の特集ページ
など

アクセサリー・ジュエリー
商品カタログ
ギフトボックス
プロモーション用ポスター
など

フラワーショップ・ギフト
母の日・誕生日ギフト特集
フラワーボックスのパッケージ
メッセージカード
など

関連キーワード

ロマンチックなイメージに共通する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧で紹介。

「ロマンチック」という言葉から連想するイメージは人それぞれ。似た意味のキーワードでも、選ぶ言葉によって微妙に異なる雰囲気や世界観を表現できる。

ぜひ、ご自身のイメージに近いキーワードを探しながら、用途やデザインに合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすること
し、配色選びの参考にしてください。

基本の配色テクニック

ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。

トライアド

トライアド*triadとは、色相環上で正三角形を描く位置にある3色配色。

「トライアド」とは、音楽の三和音*3つの音が3度ずつ積み重ねられてできた和音(コード)のことに由来する名称で、変化がありながらもバランスが良く、安定感と華やかさを兼ね備えた配色となる。

スプリットコンプリメンタリー

スプリット・コンプリメンタリー*split complementary
分離補色
とは、補色の片方を隣接色に分離した3色配色。

スプリットとは、「分割する・分離する」を意味し、補色配色よりもコントラストをやわらげつつ、配色に変化とバランスを与えられる。

トーンオントーン

トーン・オン・トーン*tone on toneとは、「トーンを重ねる」を意味し、同じ色相や隣接した色相で全体をまとめ、明度差を大きくした多色配色。

色相の印象を強調しつつ統一感を保ち、明度差によって変化をつけられるため、バランスがとりやすく穏やかな印象になる。また、明度差を活かすことで立体的な効果を演出することも可能である。

また、3色の配色は「どの色を主役にするか」「どの順で配置するか」によって印象が大きく変わる。

同じ3色でも、主役となる色を明るく見せるか、あるいは背景として引き立てるかによって、全体の雰囲気は華やかにも落ち着いた印象にも変化する。

そのため、色の配置順や面積バランスを入れ替えながら、最も意図に合った見え方を調整することが重要である。

配色パターンA

ベースカラー
 #D9D9D9

アクセントカラー
 #FF6B6B

サブカラー
 #7FB3FF

配色パターンB

ベースカラー
 #FF6B6B

アクセントカラー
 #7FB3FF

サブカラー
 #D9D9D9

配色パターンC

ベースカラー
 #7FB3FF

アクセントカラー
 #D9D9D9

サブカラー
 #FF6B6B

配色比率

配色の印象は、色の組み合わせだけでなく使用する面積比率によっても大きく変わる。一般的には「ベースカラー70%・アクセントカラー5%・サブカラー25%」を目安にすると、バランスの取れた配色にまとめやすい。

ここでは、視覚的に理解しやすいよう「ベースカラー70%・アクセントカラー10%・サブカラー20%」の比率を基準としている。

配色比率

ベースカラー: 70%
 背景や余白など、最も広い面積に使用する基本色。全体の雰囲気やトーンを決定づける。
 #D9D9D9

アクセントカラー: 10%
視線を集めたい部分に使う強調色。ボタンや見出しなどに用い、デザイン全体を引き締める。
 #FF6B6B

サブカラー: 20%
ベースカラーを補完し、全体の印象を整える補助色。デザインに奥行きや安定感を与える。
 #7FB3FF

デザイン配色の基本|70:25:5の黄金ルール
デザイン配色の基本となる「70:25:5」の黄金ルールを解説。ベースカラー・メインカラー・アクセントカラーの役割や、バランスよく美しく見せる配色のコツを紹介します。

ナチュラルロマンチック

自然体の美しさと穏やかな優雅さを感じさせる、やさしく上品な雰囲気の配色。

淡く落ち着いた色合いを中心に構成することで、心地よさや温もりを演出し、ナチュラルテイストのデザインとも調和する。

可憐

いじらしくかわいらしいさま

トライアド

#F6B1C8
#BEE3D2
#C3B8EE

スプリットコンプリメンタリー

#C9DCF1
#EBD1DD
#F4E4B8

トーンオントーン

#FFE3EC
#F6B7CC
#E08BA6

清楚

清らかですっきりとしたさま

トライアド

#E6A4C4
#B6D8CC
#F3E6B8

スプリットコンプリメンタリー

#9DB7E8
#F2B6C8
#F3E6C7

トーンオントーン

#E6F0FA
#C6DBF2
#AFC6E9

純真

心にけがれや偽りがなく清らかなさま

トライアド

#BFD7ED
#F2C6D6
#E6E2F5

スプリットコンプリメンタリー

#F1B2C3
#F0DDF4
#D9ECF6

トーンオントーン

#ECF7F2
#CFE8DD
#A9D2C2

初々しい

世間慣れしていないで、若々しく新鮮にみえるさま

トライアド

#BFE6D8
#E6D8F2
#F4E6B8

スプリットコンプリメンタリー

#F6B4C5
#C9E6DB
#E2D4EE

トーンオントーン

#FFF0E8
#F6C7B5
#EFAE96

フェミニンロマンチック

女性らしい柔らかさと華やかさを表現した、上品で愛らしい雰囲気の配色。

ピンクやラベンダーなどの優美な色を取り入れることで、可憐さやエレガントな印象を演出できる。

ガーリー

女の子らしい
少女っぽい
乙女チックな

トライアド

#F4B6C2
#B5EAD7
#E2C6FF

スプリットコンプリメンタリー

#F4A7B9
#C9B7E2
#EAD7B7

トーンオントーン

#F6F2FB
#E1D4F4
#C7B3E6

乙女

少女
若い女性
未婚の女性

トライアド

#F2AFC1
#C1B7E2
#F6E3A6

スプリットコンプリメンタリー

#A8D5BA
#F2B6C6
#E6D7A8

トーンオントーン

#FFD6C9
#F2B8A3
#D9997E

ときめき

喜びや期待のために胸がドキドキすること

トライアド

#E8A7C9
#B6C7F0
#F1F2F6

スプリットコンプリメンタリー

#C6EEDD
#F0D6E6
#D6E0F5

トーンオントーン

#F5B6C8
#FBE1EA
#F6F7FA

スイートロマンチック

恋愛やときめきを連想させる、情緒的で魅力あふれる雰囲気の配色。

温かみのあるピンクやローズカラーを中心に、甘さと華やかさを兼ね備えた世界観を表現する。

恋心

誰かを恋しいと思う気持ち

トライアド

#F1A7BE
#B6C7E6
#FFFFFF

スプリットコンプリメンタリー

#EFE08F
#8FB0E8
#E88FB0

トーンオントーン

#E29FBA
#F3CFDF
#ECEEF3

憧れ

理想とする物事や人物に強く心が引かれること

トライアド

#D6B8C8
#A7BBD8
#FFFFFF

スプリットコンプリメンタリー

#F2D57E
#AFC1E3
#D3B6E8

トーンオントーン

#C0B5E8
#E6E1FA

#FFFFFF

甘美

心地よくうっとりとした気持ちにさせるさま

トライアド

#D98BA6
#B6A6D9
#F6F6F6

スプリットコンプリメンタリー

#F5AE7A
#F2D8C2
#E09463

トーンオントーン

#EAB3CB
#F8E2EC
#F6F7FA

メルヘンロマンチック

童話やおとぎ話の世界を思わせる、幻想的で優美な雰囲気の配色。

やわらかなパステルカラーや夢のある色使いによって、非日常的で心ときめく世界観を演出できる。

プリンセス

お姫様
王女
皇女
王妃

トライアド

#9FBFE3
#F5B6CE
#E8E3A7

スプリットコンプリメンタリー

#BFA1E8
#E6A8C8
#C3E8D6

トーンオントーン

#FFF4EC
#F0C8D6
#D8A1B5

妖精

人間の姿をした精霊
神話や伝説に登場する超自然的な存在
人間と神の中間的な存在の総称

トライアド

#FFD1E8
#C8F0E0
#D4C9F2

スプリットコンプリメンタリー

#C9B6E4
#BFD7E6
#E6D3B8

トーンオントーン

#EEF6FF
#FAF9FC
#8FAED8

おとぎ話

子供に読み聞かせたりする架空の物語
昔話・民話・童話など

トライアド

#475466
#C39AC9
#9EC6B8

スプリットコンプリメンタリー

#E3AFC4
#B2CDE8
#EFE1B8

トーンオントーン

#E6F0E8
#C8DED0
#9FBFB0

メルヘンチック

童話にありそうなさま
現実的でないさま

トライアド

#F6C1D1
#C1D1F6
#D1F6C1

スプリットコンプリメンタリー

#EBA0B5
#CEC9EB
#C9EBDD

トーンオントーン

#EFE9F8
#CFC3EB
#9B8AB8

ドリーミーロマンチック

夢の中にいるような幻想感と甘美さを感じさせる、ふんわりとした雰囲気の配色。

淡いピンクやパープル、ブルーなどを組み合わせることで、やさしく神秘的な印象を表現する。

幻想的

現実と空想の境界が曖昧になり、神秘的で不思議な世界に引き込まれるようなさま

トライアド

#B59AD8
#D9D3F2
#AFC4E8

スプリットコンプリメンタリー

#6A6FD6
#D66F9F
#6FD6B5

トーンオントーン

#F0EEFA
#C7BCE8
#8B72C8

月光

月のひかり

トライアド

#7A8DBD
#E0B7C8
#EFEFEA

スプリットコンプリメンタリー

#5C6FA3
#CBB8E8
#F7F7F5

トーンオントーン

#7B86AD
#BFC6DE
#DADCE3

魔法

魔術
妖術
人間の力ではできない不思議なことを行う術

トライアド

#8A73C8
#F2C6E0
#E6F4FF

スプリットコンプリメンタリー

#6D597A
#F2B5D4
#BEE7E8

トーンオントーン

#7F6AB8
#C7B3E5
#F3EAFB

夢見心地

夢を見ているときのような気持ち
うっとりとした気持ち

トライアド

#D9B8E8
#B8E8D9
#E8D9B8

スプリットコンプリメンタリー

#F0B9C8
#B9C8F0
#C8F0B9

トーンオントーン

#FFF4F8
#F5D2E5
#E5B8D6

きらめき

きらきらと光り輝くこと

トライアド

#E8A6C3
#8FD3D1
#F8F8F8

スプリットコンプリメンタリー

#FFF3A0
#A0C4FF
#C4FFA0

トーンオントーン

#A9CFF2
#DCEBFA
#F8F9FB

儚い

物事が長続きせず、すぐに消えてしまうさま
不確実で頼りにならないさま

トライアド

#C9D4EE
#E8CFE0
#ECEEF3

スプリットコンプリメンタリー

#D9CAE8
#E7DCCB
#F6F6F8

トーンオントーン

#EBCFE0
#F7EAF1
#ECEEF3