PR

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

クラシック


クラシック*classic
古代ギリシャ・ローマ時代の文学や美術などの古典作品のこと
学や芸術において、時代を超えて認められる名作のこと

特徴
伝統的で品格のある雰囲気
格調高さや安定感を強調

代表的な色
#1F2A44 ネイビー
#F4F1E6 アイボリー
#C19A6B キャメル
#6A1F2F ワインレッド
#0B3D0B フォレストグリーン

避けたい色
 ネオンピンク
 ネオングリーン
 ビビッドシアン

鮮やかな色は、軽快で現代的な印象が強くなり、クラシック特有の品格や重厚感、伝統を感じさせる落ち着いた雰囲気が伝わりにくくなる。

彩度
低〜中
落ち着いた印象を与える
重厚感を演出する

明度
中〜やや低め
穏やかで安定した印象を与える
格式ある印象を演出する

配色のコツ
ネイビー、ブラウン、ワインレッドをベースに配色

アクセントにベージュやゴールドを加えると上品さが増す

ウールやツイードなどの質感を取り入れることでクラシック感を引き立てる

活用シーン
ホテル・旅館
高級ホテルのパンフレット
旅館の案内冊子
館内サイン・案内表示
など

高級レストラン
メニュー表
ワインリスト
店舗紹介リーフレット
など

美術館・博物館
展覧会のポスター
展示会図録
施設案内パンフレット
など

劇場・コンサートホール
公演プログラム
演奏会のチラシ
シーズンパンフレット
など

歴史的建造物・文化施設
施設紹介パンフレット
イベント告知ポスター
文化財ガイドブック
など

関連キーワード

クラシックなイメージに共通する「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」の黄金ルールを解説。ベースカラー・メインカラー・アクセントカラーの役割や、バランスよく美しく見せる配色のコツを紹介します。

トラディショナルクラシック

長い歴史の中で受け継がれてきた伝統と品格を感じさせる、正統派のクラシックスタイルを表現した配色。

ネイビーやブラウン、深みのあるグリーンなどの落ち着いた色彩を組み合わせることで、信頼感や安定感のある格調高い雰囲気を演出する。

伝統的

古くから受け継がれ伝えられているさま

トライアド

#4A4E69
#7A5C58
#C9ADA7

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

#283618
#BC6C25
#DDA15E

トーンオントーン

#1C2541
#3A506B
#5BC0BE

由緒ある

古くからの歴史や伝統があり、格式や名誉があるさま

トライアド

#3A3A52
#6B4226
#B08D57

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

#4A1F1F
#355E3B
#6B8E23

トーンオントーン

#0F1F14
#1B4332
#2D6A4F

正統派

宗教や学問などで、始祖の教義・主張を忠実に受け継いでいるとされる一派
考え方や行動が極端に走らず、伝統や常識に沿って堅実に振る舞う人

トライアド

#2E4A3F
#5C1F28
#3E4A63

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

#1F2A44
#A67C52
#7C9AA6

トーンオントーン

#2B2B2B
#555555
#8C8C8C

古典的

古典の 作風や伝統的な様式を重んじるさま
古典の趣*おもむき
/ 物事や場所が持つ、独特の風情や味わい深い雰囲気
や風格を備えているさま

トライアド

#4B3F72
#C06C84
#355C7D

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

#1B2A41
#A23E48
#D4A373

トーンオントーン

#4E342E
#6D4C41
#A1887F

エレガントクラシック

上品さと洗練された美しさを兼ね備えた、優雅なクラシックスタイルを感じさせる配色。

アイボリーやボルドー、くすみ感のあるパープルなどを組み合わせることで、気品と落ち着きのある華やかな印象を演出する。

格調高い

気品に満ちているさま
品格のあるさま

トライアド

#3B3F2F
#5B2C6F
#C19A6B

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

#2B2B2B
#6B2737
#BFA76A

トーンオントーン

#4B0F1C
#7A1F3A
#A63A50

典雅

形や趣が正しく整っていて上品なさま

トライアド

#1F3B2D
#5A1F2C
#3E5C76

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

#2F4A6D
#B08A3E
#7A4E2D

トーンオントーン

#2B1F3B
#4B2E59
#7B5A8E

威厳

堂々としていておごそかなさま
近づきがたいほど堂々として立派であること

トライアド

#3A2230
#243E4D
#8C7A3C

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

#1F3D2B
#6A2E4C
#A35C2C

トーンオントーン

#5C4A1A
#8C6F24
#C0A247

風格

容姿や態度などに、品格や独特の趣*おもむき
/ そのものが感じ取られる様子
が感じられるさま

トライアド

#2C2A4A
#A26769
#4A6C6F

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

#2B2B2B
#6B4B8A
#8A6B4B

トーンオントーン

#0E1A2B
#1F3A5F
#4F6D8C

ラグジュアリークラシック

圧倒的な高級感と華やかさを兼ね備えた、王道のラグジュアリースタイルを感じさせる配色。

ゴールドや深いレッド、ロイヤルブルーなどの重厚な色彩を組み合わせることで、非日常的な豊かさと格式ある存在感を演出する。

高級感

階級や地位、程度や品質が高くすぐれているさま

トライアド

#243B6B
#3E5F4B
#6A1F2F

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

#2F2F3F
#8B6C2C
#3A5A8A

トーンオントーン

#111111
#2A2A2A
#4A4A4A

上質

品質がすぐれているさま

トライアド

#2E4057
#7A5C61
#8C7A5B

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

#5A2E3B
#4F6D7A
#9C8F6A

トーンオントーン

#1F3A2E
#3E5F4C
#7A9A87

気品

深みのある
物事に独特の趣*おもむき
/ そのものが感じ取られる様子
が感じられるさま

トライアド

#2C3559
#8A4F2B
#2B8A63

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

#2C4A3E
#6A1F2F
#B87333

トーンオントーン

#2B1F3A
#4A3A6A
#7B6A9A

シッククラシック

派手さを抑えながらも深みと洗練を感じさせる、落ち着いたクラシックスタイルを表現した配色。

チャコールグレーやダークブラウン、スモーキーなブルーなどを組み合わせることで、大人らしい品格と静かな存在感を演出する。

円熟

旨味や風味などが豊かであるさま

トライアド

#5B2A2A
#2A355B
#4A5B2A

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

#4A2A5A
#5A6A2A
#8A6A2A

トーンオントーン

#4A1F2A
#6A2A3A
#8A4A5A

味わい深い

旨味や風味などが豊かであるさま

トライアド

#3B2F2F
#2E4057
#8C6A43

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

#2D3A3A
#A23E48
#E0B973

トーンオントーン

#4E342E
#6D4C41
#A1887F

渋み

派手ではないが、奥深さや落ち着きがある上品な趣

トライアド

#3E4F5C
#7A5C3E
#4F3F48

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

#2F2F2F
#6A4A5C
#5C6A4A

トーンオントーン

#3B2F25
#5A4738
#7A6654

重厚感

どっしりしているさま
態度や人柄、外見などが重々しく落ち着いているさま

トライアド

#5C3A21
#1C2F44
#4A1F2E

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

#1B263B
#6C584C
#A98467

トーンオントーン

#3E2723
#5D4037
#8D6E63

ヴィンテージクラシック

時を重ねることで生まれる味わいや趣を感じさせる、ヴィンテージ感あふれるクラシックスタイルを表現した配色。

セピア調のブラウンやくすみグリーン、褪せたネイビーなどを組み合わせることで、懐かしさと温もりのある落ち着いた雰囲気を演出する。

アンティーク

家具や衣類などが製造されてから、100年以上経過している古いもの

トライアド

#4E4637
#3E6B5A
#6A4C5A

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

#2F3E4F
#7A5A3E
#6A4B5C

トーンオントーン

#3A1F28
#5C3A46
#8A6A72

ヴィンテージ

年月を経てほど良く味わいがでた年代もののこと

トライアド

#1F2A44
#6A3F3F
#A89F68

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

#2B3A55
#6A5A2E
#8C4E3A

トーンオントーン

#1C2433
#3A4A63
#8A97A6

ノスタルジック

故郷や遠い昔などを懐かしく感じるさま

トライアド

#7A5C3E
#3E6B7A
#6B3E7A

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

#2F3E4E
#7A5A3E
#6E7A3E

トーンオントーン

#3E3F24
#6A6B3F
#A6A77A

懐かしい

昔のことが思い出されて心ひかれるさま

トライアド

#3F5B74
#C2A23A
#A55233

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

#5A4632
#6C7C8C
#B07A4F

トーンオントーン

#3E2C23
#6A4A3A
#9C7A62

奥ゆかしい

外見や言動が慎み深く控えめであること
どことなく気品があって心が惹かれるさま

トライアド

#5E5244
#445E52
#52445E

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

#3F4A5B
#6B5A4A
#55635A

トーンオントーン

#3C3834
#5A544E
#8A837A