イメージから選ぶ配色パターン集

クール

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

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

配色のコツ
ブルーやグレーをベースに配色

アクセントにシルバーや白を加えるとモダンさが際立つ

メタリック感や透明感を取り入れると、洗練された都会的な雰囲気が際立つ

配色パターン

ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。用途に合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすることしながらご利用ください。

トライアド
色相環上で正三角形を描くように、互いに120度離れた3色を組み合わせた配色。
色同士の距離が均等なためバランスが取りやすく、安定感のある印象を与える。

スプリット・コンプリメンタリー
ある色とそのの両隣に位置する2色を組み合わせた配色。
補色配色よりも対比効果を緩和し、コントラストがありながらも調和しやすい印象を与える。

トーン・オン・トーン
同系色の中で、明度や彩度に変化をつけた配色。
色相を統一することで一体感が生まれ、上品で落ち着いた印象を与える。

共通キーワード

クールなイメージに共通する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧化。キーワードに合わせて色を組み合わせることで、統一感のある配色となり、テーマや雰囲気を視覚的に表現できる。

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

トライアド

#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