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

モダン

現代的であるさま
今風であるさま
特徴
シンプルで洗練された雰囲気
都会的やミニマルらしさを強調

代表的な色
#2E2E2E　チャコールグレー
#BDC3C7　シルバーグレー
#F5F7F8　クールホワイト
#4A6FA5　スチールブルー
#3EB489　ミントグリーン
彩度
中〜低
落ち着いた印象を与える
清潔感や上品さを演出する
明度
中〜高
明るく開放的な印象
空間や余白の美しさを演出

配色のコツ
黒やグレー、白、ベージュなどをベースに配色

アクセントに光沢や質感のある素材を加えると、より洗練されたシックな雰囲気になる

異なる質感を組み合わせることで立体感を演出する

配色パターン

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

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

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

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

共通キーワード

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

現代的
現在の時代や社会の風潮・感覚にふさわしいさま

トライアド

#1B263B
#E63946
#2A9D8F

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

#3D405B
#F2CC8F
#81B29A

トーン・オン・トーン

#2A2D34
#555A64
#8A8F99

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

トライアド

#34495E
#1ABC9C
#E67E22

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

#0B132B
#5BC0BE
#FDE74C

トーン・オン・トーン

#2C3E50
#7F8C8D
#BDC3C7

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

トライアド

#1F2937
#EAB308
#06B6D4

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

#334155
#A855F7
#EC4899

トーン・オン・トーン

#2C3E50
#34495E
#5D6D7E

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

トライアド

#111827
#8B5CF6
#14B8A6

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

#344E41
#F2CC8F
#E07A5F

トーン・オン・トーン

#111827
#374151
#6B7280

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

トライアド

#132743
#9DB5B2
#F2D096

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

#0F4C81
#FFB703
#2A9D8F

トーン・オン・トーン

#2C2C54
#474787
#AEA1FF

シンプル
単純なさま
飾り気やむだなところがなく簡素なさま

トライアド

#334155
#F97316
#06B6D4

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

#2D3142
#EF8354
#BFC0C0

トーン・オン・トーン

#00796B
#26A69A
#B2DFDB

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

トライアド

#2E2E2E
#FFD93D
#4D96FF

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

#283149
#F25F5C
#FFE066

トーン・オン・トーン

#1C1C1C
#555555
#AAAAAA

ニュートラル
中立的
中間的
偏りのない
いずれにも片寄らないさま

トライアド

#2F3438
#BFD0A3
#A3B2D0

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

#495057
#ADB5BD
#F08080

トーン・オン・トーン

#FAFAFA
#E0E0E0
#9E9E9E

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

トライアド

#A5A5A5
#5AA6C1
#FFF0F6

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

#3E4348
#6F9A8A
#9A6F84

トーン・オン・トーン

#D9D9D9
#AFAFAF
#7F7F7F

人工的
人の手を加えられた自然のままでないさま

トライアド

#0FF0FF
#FF0F0F
#F0FF0F

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

#00FFCC
#CC00FF
#FFCC00

トーン・オン・トーン

#0F0F3F
#1F1FBF
#3F3FFF

ハイテック
室内装飾などで、スチールやガラス、コンクリートなどを用いた無機的で冷たい印象を与えるデザイン

トライアド

#0A0A0A
#007BFF
#FF007B

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

#1E293B
#818CF8
#22D3EE

トーン・オン・トーン

#0F3D5E
#195080
#336699

先鋭的
鋭くとがっていること
考えや行動などが急進的で過激であるさま

トライアド

#141414
#7B61FF
#00F0FF

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

#0B132B
#00EFB0
#FF6B6B

トーン・オン・トーン

#B03EFF
#D38CFF
#6A1FA0

精密
細部にいたるまで正確な寸法で作られているさま

トライアド

#1E293B
#FACC15
#8B5CF6

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

#1A535C
#4ECDC4
#FF6B6B

トーン・オン・トーン

#154360
#1F618D
#5DADE2

機敏
その時々の状況に応じてすばやく判断し行動するさま

トライアド

#264653
#2A9D8F
#E9C46A

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

#334155
#F87171
#22D3EE

トーン・オン・トーン

#264653
#3C6B84
#5390A0

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

トライアド

#22313F
#A3E4D7
#F1948A

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

#3A3F58
#F2CC8F
#8FF2D6

トーン・オン・トーン

#303236
#626973
#B3BBC4

慎ましい
遠慮深く控えめであるさま

トライアド

#434C5E
#81A1C1
#B48EAD

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

#4A5568
#F7B2AD
#A0D6B4

トーン・オン・トーン

#5B5F97
#7A7EC2
#9B9FE3

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

トライアド

#34495E
#1ABC9C
#E67E22

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

#2C3E50
#E74C3C
#9B59B6

トーン・オン・トーン

#7F8C8D
#95A5A6
#636E72

理知的
感情や本能に左右されず論理的に物事の道理を判断するさま

トライアド

#2E4057
#A3CB38
#F97F51

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

#283747
#F1C40F
#E74C3C

トーン・オン・トーン

#1B263B
#415A77
#778DA9

知的
知識や知性の豊かなさま

トライアド

#273746
#9B59B6
#F39C12

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

#1C2833
#F5B041
#117864

トーン・オン・トーン

#16A085
#1ABC9C
#149174

インテリジェント
知性がある
賢い

トライアド

#0A3D62
#FF6B6B
#FFD93D

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

#2A9D8F
#B41F3A
#B48B1F

トーン・オン・トーン

#1F3B4D
#3A5C73
#577A92