PR

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

クール


クール*cool
冷静なさま
冷ややかなさま
かっこいいさま
特徴
冷静・洗練された雰囲気
都会的やモダンらしさを強調


代表的な色
#002366 ロイヤルブルー
#708090 スレートグレー
#F0F8FF アイスブルー
#A9A9A9 スチールシルバー
#31473A ダークフォレスト
彩度
中〜低
落ち着いた印象を与える
知的さを演出する
明度
中〜高
清潔感や透明感の印象を与える
すっきりした印象を演出する

配色のコツ
ブルーやグレーをベースに配色
 
アクセントにシルバーや白を加えるとモダンさが際立つ
 
メタリック感や透明感を取り入れると、洗練された都会的な雰囲気が際立つ

配色のコツ




関連キーワード

クールなイメージに共通する「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

ひんやり
冷たさを感じるさま

トライアド

#3A86FF
#8338EC
#06D6A0


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

#00B4D8
#CAF0F8
#FFAFCC


トーン・オン・トーン

#006D77
#83C5BE
#EDF6F9

清涼感
涼しくて爽やかに感じるさま

トライアド

#56CFE1
#80ED99
#5E60CE


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

#48CAE4
#FF6B6B
#FFD166


トーン・オン・トーン

#F1FAFF
#A8DADC
#457B9D

透明感
物体が澄みきって透き通っている様子
透き通るような清らかな印象
純粋で濁りのないさま

トライアド

#5BC0EB
#9BC53D
#FDE74C


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

#8EC5FC
#FFB4A2
#B5838D


トーン・オン・トーン

#E3F2FD
#90CAF9
#1E88E5

クリーン
清潔なさま
きれいなさま

トライアド

#264653
#2A9D8F
#E76F51


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

#1B4965
#CAE9FF
#FFB703


トーン・オン・トーン

#37474F
#607D8B
#B0BEC5

冷静
感情に左右されず落ち着いているさま

トライアド

#2E4057
#576F2E
#6F2E57


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

#3A6578
#783A50
#78653A


トーン・オン・トーン

#2E2E2E
#6E7B8B
#C0C5CE

落ち着き
態度や言動が穏やかであるさま
安定した状態になるさま
平静な状態になるさま

トライアド

#1B3A4B
#6D597A
#B7B7A4


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

#283618
#606C38
#DDA15E


トーン・オン・トーン

#1F2833
#3A506B
#C5C6C7

知性
本質を見極めて、状況に応じて適切に判断し、成果に結びつく行動に移す能力

トライアド

#3A4F7A
#7A6A3A
#3A7A6A


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

#34495E
#5E7A8C
#8C6F5E


トーン・オン・トーン

#1C2A39
#2E4057
#4F6D7A

信頼感
その人に対して、安心して信じ頼ることができるという心理的な感覚や感情のこと

トライアド

#2C3E50
#4CA1AF
#A8C686


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

#1E6091
#91A61E
#91671E


トーン・オン・トーン

#2F3E46
#5C677D
#A3B1C6

洗練
独特のしつこさやあざとい性質がなくなるさま

トライアド

#2C3E50
#16A085
#7D3C98


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

#1B2A41
#A63D40
#D9BF77


トーン・オン・トーン

#4A235A
#7D3C98
#D7BDE2

スタイリッシュ
流行に合っているさま

トライアド

#020617
#3B82F6
#EAB308


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

#0F172A
#818CF8
#F43F5E


トーン・オン・トーン

#000000
#525252
#E5E5E5

都会的
流行に乗ったオシャレな身なりであるさま

トライアド

#2B2D42
#8D99AE
#EF233C


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

#2C3333
#A5C9CA
#E7F6F2


トーン・オン・トーン

#2B2B2B
#4A4A4A
#9A9A9A

モダン
現代的であるさま
今風であるさま

トライアド

#1B263B
#E63946
#F1FAEE


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

#1D3557
#A8DADC
#F4A261


トーン・オン・トーン

#240046
#7B2CBF
#E0AAFF

ミニマル
最小限の
必要最低限
ごくわずかな
無駄な装飾を省いたシンプルなデザイン

トライアド

#2E4057
#66A182
#C4A69F


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

#263238
#80CBC4
#FFAB91


トーン・オン・トーン

#0A0A0A
#3A3A3A
#E5E5E5

シャープ
刃物などが鋭く切れ味のよいさま
感覚がすぐれているさま
映像などが鮮明なさま

トライアド

#2C2C54
#706FD3
#FF5252


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

#14213D
#FCA311
#E5E5E5


トーン・オン・トーン

#0B3C5D
#328CC1
#D9E8F5

無機質
ミネラル
鉱物の性質をもつもの

トライアド

#1B1F23
#3D5A80
#98A8A8


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

#262B30
#6B8CA3
#A38C6B


トーン・オン・トーン

#2C3333
#4F5D5D
#A5B1B1

先進的
過去の慣習に縛られず、新しい価値や最先端の技術を体現しているさま

トライアド

#1B263B
#3DDC97
#FF6B6B


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

#111827
#22D3EE
#A78BFA


トーン・オン・トーン

#2E1065
#6D28D9
#C4B5FD

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

トライアド

#14213D
#5F0F40
#E5E5E5


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

#111827
#60A5FA
#FBBF24


トーン・オン・トーン

#081C15
#1B4332
#52B788

静寂
物音ひとつなく静まり返っていること
ひっそりとして寂しいさま

トライアド

#1B4965
#5C6B73
#3A5A40


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

#1C2833
#3A5A7A
#7A6A3A


トーン・オン・トーン

#1B4332
#2D6A4F
#95D5B2

凛とした
態度や雰囲気がきりっと引き締まっている様子
気品があり、強さや芯のある感じがすること
寒さなどが身にしみるほど厳しい様子

トライアド

#004D40
#40004D
#4D4000


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

#3D5A80
#EE6C4D
#293241


トーン・オン・トーン

#1B263B
#415A77
#778DA9

颯爽
人の姿や行動がきびきびとして勇ましく、見る人にさわやかな印象を与えるさま

トライアド

#1E1B4B
#4ADE80
#818CF8


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

#1976D2
#4DB6AC
#FFF176


トーン・オン・トーン

#022C22
#065F46
#6EE7B7