PR

イメージから選ぶ配色パターン集|ミッドナイトな色合わせ

ミッドナイト

 



 
ミッドナイト*midnight
真夜中のこと
特徴
静かで落ち着いた雰囲気
幻想的や神秘的らしさを強調

代表的な色
#191970 ミッドナイトブルー
#000080 ネイビーブルー
#0A0A0A ジェットブラック
#4B0082 バイオレットナイト
#71706E ダークシルバー
彩度
中〜低
落ち着いた印象を与える
夜や静寂を演出する
明度
中〜高
クールで洗練された印象を与える
都会的・モダンな印象を演出する

配色のコツ
ダークブルーやネイビーをベースに配色
 
アクセントにパープルやシルバーを加えることで、立体感や光の反射を演出できる
 
グラデーションを取り入れることで、夜空や月明かりの幻想的な雰囲気をより際立たせられる

 

配色パターン

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

 



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


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


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

 

共通キーワード

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

 

夜更け
深夜
夜が更けること
夜が深くなった、23時ごろから深夜1時ごろの時間帯

 


トライアド



 
#121212
#121245
#451212

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



 
#212142
#424221
#422121

トーン・オン・トーン



 
#020617
#1E293B
#475569

 

都会
都市
人口が密集し、政治・経済・文化の中心地としての役割を果たす地域のこと

 


トライアド



 
#0F3460
#533483
#E94560

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



 
#0A1128
#1282A2
#FCA311

トーン・オン・トーン



 
#020617
#1F2937
#4B5563

 

夜景
夜の景色
自然光に加え、人工の光によって形成される夜間特有の景観のこと

 


トライアド



 
#090A1A
#8338EC
#3A86FF

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



 
#111827
#E63946
#4EA8DE

トーン・オン・トーン



 
#0A0F2C
#1F4068
#2A6F97

 

灯り
ろうそくやランプ、行灯などの火を使って周囲を照らす道具のこと
光そのものや、光で明るくすること

 


トライアド



 
#0B0F2F
#F2A65A
#5AD1F2

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



 
#0D1B2A
#F2CC8F
#E07A5F

トーン・オン・トーン



 
#0B132B
#1F2A44
#3E5C76

 

暗闇
まったく光がなく暗いさま

 


トライアド



 
#08090F
#1A1A2E
#5A189A

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



 
#101742
#422810
#42102E

トーン・オン・トーン



 
#080B18
#121735
#1C2450

 

漆黒
黒い漆*うるしを塗ったような、深く艶*つやのある黒色

 


トライアド



 
#12182F
#2F1226
#122F20

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



 
#11152A
#2A1140
#402011

トーン・オン・トーン



 
#030305
#0A0F1A
#152040

 

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

 


トライアド



 
#252550
#502550
#505025

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



 
#0E1428
#4F79B2
#B2A64F

トーン・オン・トーン



 
#0B132B
#1C2541
#5C677D

 

月光
月のひかり
太陽光を反射して輝く月の光のこと

 


トライアド



 
#1C2541
#EAEAEA
#9A8CFF

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



 
#0A0908
#EAE2B7
#FFD166

トーン・オン・トーン



 
#000814
#001D3D
#003566

 

月影
月の光
月明かり
空に浮かぶ月の姿や形そのもの
月の光に照らされることで現れる、人や物の影
水面などに映し出された月の光景

 


トライアド



 
#0A0F2C
#2E1A47
#A3CEF1

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



 
#0F1C2E
#33415C
#EAE2B7

トーン・オン・トーン



 
#0D1B2A
#1B263B
#778DA9

 


春の夜に月が霞んでぼんやりとかすんでいるさま
物の姿がかすんで、はっきりしないさま

 


トライアド



 
#0A1128
#9A8C98
#F2E9E4

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



 
#0D1B2A
#415A77
#E0AFA0

トーン・オン・トーン



 
#1B263B
#415A77
#778DA9

 

 

微光
かすかな光
弱々しい光

 


トライアド



 
#070A12
#1F3B4D
#4D1F2F

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



 
#10163A
#3A2F10
#10313A

トーン・オン・トーン



 
#050919
#0C1238
#1F2F7A

 

星空
夜が明けるさま

 


トライアド



 
#3B3B6D
#6D543B
#3B6D54

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



 
#0B0B2E
#FFD700
#FF8C00

トーン・オン・トーン



 
#191970
#4169E1
#6495ED

 

星屑
夜空に散らばる無数の小さな星

 


トライアド



 
#0A0F2C
#3A506B
#FFD166

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



 
#111827
#FCD34D
#F9A8D4

トーン・オン・トーン



 
#030712
#111827
#374151

 

星影
星の光
星明かり

 


トライアド



 
#050520
#F0E68C
#4B0082

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



 
#191970
#DAA520
#CD853F

トーン・オン・トーン



 
#0C0C25
#2F2F4F
#708090

 

瞬き
光が点滅したり、またたくこと
まぶたを瞬間的に閉じたり開いたりする動作のこと

 


トライアド



 
#0A0F2C
#8338EC
#FB5607

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



 
#14213D
#FF5D8F
#FFBA08

トーン・オン・トーン



 
#0B0C10
#1F2833
#45A29E

 

流れ星
宇宙を漂う小さな塵*ちり
夜空をすばやく移動して消えていく、一筋の光

 


トライアド



 
#0B0E2A
#F0E68C
#9370DB

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



 
#101433
#FFF700
#FFA500

トーン・オン・トーン



 
#020210
#000080
#87CEFA

 

夜露
夜の間に空気中の水蒸気が冷えて、草木や物の表面につく水滴のこと

 


トライアド



 
#0F172A
#334155
#67E8F9

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



 
#010409
#7DD3FC
#4ADE80

トーン・オン・トーン



 
#020024
#090979
#3A0CA3

 

夜想
夜に静かに物思いにふけること

 


トライアド



 
#0F172A
#3B0764
#0891B2

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



 
#020617
#7C3AED
#FB7185

トーン・オン・トーン



 
#050816
#1B263B
#415A77

 

夢幻
夢や幻
非常に儚い*はかないことのたとえ

 


トライアド



 
#0A0F2C
#7209B7
#80FFDB

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



 
#0F1535
#4361EE
#FF4D6D

トーン・オン・トーン



 
#0C112C
#151C45
#334FAF

 

夜明け
夜が明けるさま

 


トライアド



 
#1B263B
#E76F51
#2A9D8F

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



 
#1F2937
#FFB703
#8ECAE6

トーン・オン・トーン



 
#0B1D3A
#274060
#5C7AEA