ミステリアス
デザインの雰囲気は、色や質感の組み合わせで大きく変わる。
ミステリアス*mysteriousは、謎めいた神秘的な印象を持つスタイル。
意味・特徴
このスタイルの意味や印象、デザイン全体に広がる雰囲気から特徴を読み解く。
神秘的なさま
不可解なさま
謎めいているさま
謎めいた神秘的な雰囲気を演出する
想像力をかき立てる印象を与える
配色のバランス
このスタイルを形づくる代表的な色と、それぞれが与える印象の関係から全体像を捉える。
#2E0854 ダークバイオレット
#191970 ミッドナイトブルー
#004B49 ダークティール
#0F0F14 シャドーブラック
#5A5A66 スモーキーグレー
クリームイエロー
ピーチベージュ
ミントグリーン
高明度・高彩度の暖色やパステルカラーは、親近感や開放感を強めるため、ミステリアス特有の神秘性や緊張感を弱めやすい。
低
謎めいた神秘的な印象を与える
奥行きのある雰囲気を演出する
低
静かで深みのある印象を与える
幻想的な雰囲気を演出する
配色と展開
配色の考え方を起点に、実際の使われ方やデザインへの広がりへとつながる。
トーン
深く曖昧な色調で、謎めいた雰囲気と奥行きを演出する。
ベースカラー
ダークパープル、ブラック、ディープブルーを使用する。
サブカラー
グレーやスモーキーカラーで曖昧さを加える。
アクセントカラー
シルバーや淡い光色で幻想的な印象を与える。
素材・質感
ベルベットや透け素材で深みと不確かさを強調する。
活用シーン
・エンターテインメント
・ホラー・サスペンス
・ファッション
・アート・クリエイティブ
・ビューティー
など
活用例
・ブランドサイト
・プロモーションサイト
・ランディングページ（LP）
・広告クリエイティブ
・キャンペーンビジュアル
など
関連キーワード
ミステリアスに関連する「20」のキーワードをもとに、それぞれの雰囲気を際立たせる3色の配色パターンを一覧で紹介。
同じテーマでも、連想されるイメージは人によって異なる。似た意味を持つキーワードであっても、選ぶ言葉によって微妙に異なる雰囲気や世界観を表現できる。
ぜひ、ご自身のイメージに近いキーワードを探しながら、用途やデザインに合わせてブラッシュアップ*brush up
/ 既にあるものを磨き上げてさらに良いものにすることし、配色選びの参考にしてください。
基本の配色テクニック
ここに記している配色は、個人的な見解で組み合わせたものです。配色のバランスによって印象は大きく変わるため、すべてのデザインに当てはまるとは限りません。
トライアド*triadとは、色相環上で正三角形を描く位置にある3色配色。
「トライアド」とは、音楽の三和音*3つの音が3度ずつ積み重ねられてできた和音（コード）のことに由来する名称で、変化がありながらもバランスが良く、安定感と華やかさを兼ね備えた配色となる。
スプリット・コンプリメンタリー*split complementary
分離補色とは、補色の片方を隣接色に分離した3色配色。
スプリットとは、「分割する・分離する」を意味し、補色配色よりもコントラストをやわらげつつ、配色に変化とバランスを与えられる。
トーン・オン・トーン*tone on toneとは、「トーンを重ねる」を意味し、同じ色相や隣接した色相で全体をまとめ、明度差を大きくした多色配色。
色相の印象を強調しつつ統一感を保ち、明度差によって変化をつけられるため、バランスがとりやすく穏やかな印象になる。また、明度差を活かすことで立体的な効果を演出することも可能である。
また、3色の配色は「どの色を主役にするか」「どの順で配置するか」によって印象が大きく変わる。
同じ3色でも、主役となる色を明るく見せるか、あるいは背景として引き立てるかによって、全体の雰囲気は華やかにも落ち着いた印象にも変化する。
そのため、色の配置順や面積バランスを入れ替えながら、最も意図に合った見え方を調整することが重要である。
ベースカラー
#D9D9D9
アクセントカラー
#FF6B6B
サブカラー
#7FB3FF
ベースカラー
#FF6B6B
アクセントカラー
#7FB3FF
サブカラー
#D9D9D9
ベースカラー
#7FB3FF
アクセントカラー
#D9D9D9
サブカラー
#FF6B6B
配色比率
配色の印象は、色の組み合わせだけでなく使用する面積比率によっても大きく変わる。一般的には「ベースカラー70％・アクセントカラー5％・サブカラー25％」を目安にすると、バランスの取れた配色にまとめやすい。
ここでは、視覚的に理解しやすいよう「ベースカラー70％・アクセントカラー10％・サブカラー20％」の比率を基準としている。
ベースカラー: 70%
背景や余白など、最も広い面積に使用する基本色。全体の雰囲気やトーンを決定づける。
#D9D9D9
アクセントカラー: 10%
視線を集めたい部分に使う強調色。ボタンや見出しなどに用い、デザイン全体を引き締める。
#FF6B6B
サブカラー: 20%
ベースカラーを補完し、全体の印象を整える補助色。デザインに奥行きや安定感を与える。
#7FB3FF
ドリーミーミステリアス
夢や幻のような儚さを感じさせる、幻想的で柔らかなミステリアススタイルを表現した配色。
淡いブルーやラベンダー、霞がかったグレーなどを組み合わせることで、現実と空想の境界を漂うような神秘的な雰囲気を演出する。
物の姿がかすんで、はっきりしないさま
#4B4453
#536B78
#786B53
#484266
#665A42
#42665A
#1F2A36
#3A4A5A
#5C6B78
地表付近の空気中に微細な水滴が浮遊*ふゆう
/ 浮かび漂うことしている気象現象のこと
#5B4B8A
#4B8A6F
#8A5B4B
#6B7C93
#936B86
#93856B
#1E3A3A
#4F7A7A
#A6C9C9
夜の闇を静かに照らす月のひかり
#191825
#865DFF
#3EC1D3
#0D1B2A
#A3CEF1
#F4D35E
#2B2D42
#8D99AE
#EDF2F4
現実から離れて、まぼろしの世界を夢見ているようなさま
#4A2C6D
#2C6D5F
#6D4A2C
#1E5F3A
#5F1E5A
#5A5F1E
#12002E
#4B0082
#9370DB
トワイライトミステリアス
夕暮れや宵闇の静けさを感じさせる、情緒的で奥行きのあるミステリアススタイルを表現した配色。
深いネイビーやスモーキーなパープル、薄明かりを思わせるブルーグレーなどを組み合わせることで、昼と夜が交わる幻想的な雰囲気を演出する。
物音ひとつなく静まり返っていること
ひっそりとして寂しいさま
#1F2430
#556B7A
#7A6555
#1E2235
#6A8C7A
#8C6A7A
#1C1F33
#2C2F48
#3E425B
夜の訪れを告げる薄暗い時間帯
十五夜*じゅうごや
/ 陰暦の16日から20日頃を過ぎて月の上昇が遅くなる時期に、日が暮れてから月が出るまでの間の暗さのこと
#0F172A
#6D28D9
#0F766E
#111827
#7C3AED
#14B8A6
#0A1128
#1E3A5F
#4F6D9A
夕暮れ
昼の終わりと夜の始まりが交差する夕暮れ時
#3D405B
#E07A5F
#81B29A
#5A189A
#FFB703
#FB8500
#4A2C2A
#9C6644
#DDA15E
光が人や物によって遮られ、地面や壁にできる暗い部分
#1A1A2E
#E94560
#0F3460
#191716
#BC4749
#386641
#081C15
#1B4332
#2D6A4F
ミスティックミステリアス
未知の世界や神秘的な力を感じさせる、不思議さと魅力に満ちたミステリアススタイルを表現した配色。
神秘的なパープルやディープブルー、印象的なエメラルドグリーンなどを組み合わせることで、謎めいた奥深い雰囲気を演出する。
まぼろし
実際には存在しないのに、存在するかのように見えるもの
#240046
#00463A
#463A00
#111827
#A855F7
#34D399
#1D3557
#457B9D
#A8DADC
常識では考えられないさま
#1A1A2E
#E94560
#0F3460
#3C096C
#096C5A
#6C5A09
#1A0F2E
#3B1E6D
#6D42C7
内容・正体などがはっきりわからない不思議な事柄
#2B2D42
#6A4C93
#1B998B
#1B1B3A
#693668
#A74482
#081C15
#1B4332
#95D5B2
他人に知られないようにすること
#111827
#7C3AED
#134E4A
#1C1C1C
#7B2CBF
#80FFDB
#2B2D42
#4A4E69
#8D99AE
普通の認識や理論を超えて、不思議な感じのするさま
#3E2566
#25665A
#665A25
#10002B
#9D4EDD
#F15BB5
#0F141F
#2A3A5A
#6A8AC9
アナザーワールドミステリアス
異世界や深淵を思わせる、人知を超えた世界観を表現したミステリアススタイルの配色。
深海を連想させるブルーや幻想的なバイオレット、静寂を感じるダークカラーなどを組み合わせることで、現実離れした没入感のある雰囲気を演出する。
人間が生きる世界とは異なる世界
#091833
#FFD166
#7B2CBF
#2B2D42
#EF233C
#8D99AE
#240046
#5A189A
#C77DFF
水深200mよりも深い水深帯のこと
#001219
#9D4EDD
#2EC4B6
#08151F
#2E646E
#915060
#03045E
#023E8A
#90E0EF
音源が止まった後も音が響いて聞こえる現象のこと
#222831
#FFD369
#00ADB5
#1A1A1A
#5E81AC
#815EAC
#001219
#005F73
#0A9396
ダークミステリアス
妖艶さや禁断の魅力を感じさせる、危険な美しさを秘めたミステリアススタイルを表現した配色。
漆黒やボルドー、深みのあるパープルなどを組み合わせることで、退廃的で誘惑的な雰囲気を演出する。
普通ではない事物や正体のはっきりしない事物に対する、不可解な気持ちを表す
不思議な力がある
神秘的な感じがする
#1B1B3A
#6A0572
#00A8A8
#0F0E17
#E53170
#2CB67D
#2B0000
#800F2F
#C9184A
女性が男性を惑わすようなあやしい美しいさま
#3B003B
#003B3B
#3B3B00
#3E065F
#65F0B5
#F0659A
#081C15
#2D6A4F
#95D5B2
魔物のように人を惑わす雰囲気がある
#663399
#556B2F
#4682B4
#2C003E
#3E2C00
#003E2C
#2D0000
#880808
#F08080
道徳や人の道に背くさま
#4A1554
#15544A
#544A15
#232A4F
#4F3A23
#4F233A
#1A120A
#3D2A1A
#6F4B2E