ダイナミック
ダイナミック*dynamic
力強く生き生きとしているさま
特徴
力強く活発な雰囲気
エネルギーや行動力らしさを強調
代表的な色
#191970 ミッドナイトブルー
#556B2F ダークオリーブ
#3B2F2F エスプレッソブラウン
#71797E スチールグレー
#6C0E23 ボルドー
避けたい色
ベージュ
ラベンダー
ソフトモーブ
淡くソフトな色は、柔らかく穏やかな印象が強くなり、ダイナミック特有の力強さや躍動感、高揚感が薄れやすい。
彩度
中〜高
力強く印象的な印象を与える
活動的な印象を演出する
明度
中〜高
鮮やかで明るい印象を与える
躍動感を演出する
配色のコツ
赤、オレンジ、ブルーをベースに配色
アクセントにブラックやイエローを加えると躍動感が増す
光沢やメタリック素材を取り入れると、より力強い印象を与えられる
活用シーン
スポーツ・フィットネス
スポーツジムのWebサイト
トレーニングイベントのポスター
スポーツ用品の広告バナー
など
自動車・モータースポーツ
新車のプロモーションサイト
カーディーラーのパンフレット
レースイベントの告知ビジュアル
など
エンターテインメント・イベント
ライブイベントの特設サイト
イベントチケットの販促広告
音楽フェスの告知ポスター
など
アウトドア・アドベンチャー
アウトドアブランドのカタログ
アドベンチャーツアーのWebサイト
キャンプイベントの販促ツール
など
テクノロジー・IT
スタートアップ企業のWebサイト
新サービスのランディングページ
IT製品のプレゼンテーション資料
など
関連キーワード
ダイナミックなイメージに共通する「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
エネルギッシュダイナミック
内側からあふれるエネルギーと高揚感を感じさせる、力強く活気のある配色。
鮮やかな色同士をぶつけることで、前向きさや勢いを強調し、見る人に活力とインパクトを与えるデザインに仕上がる。
活力にあふれているさま
#FF3B3B
#2D6BFF
#FFC300
#A8FF00
#FF006E
#7B00FF
#7A0000
#FF1E1E
#FF9A9A
感情を激しく燃え上がらせるさま
#E10600
#0066FF
#FFD500
#C9184A
#3A86FF
#8338EC
#9A031E
#E36414
#FB8B24
内側から放出されるエネルギーの強さ
物体が持つ熱エネルギーの量
#C1121F
#003049
#F77F00
#FFD60A
#4361EE
#3A0CA3
#7C2D12
#EA580C
#FDBA74
活力や生命力が感じられるさま
#FF2E63
#08D9D6
#F9ED69
#7B2CBF
#00BBF9
#F15BB5
#7A0019
#C1121F
#FF4D6D
アクティブダイナミック
動きと軽快さを感じさせる、アクティブで行動的な印象の配色。
バランスよく配置された明るい色彩が、楽しさや親しみやすさを生み出し、フレッシュな印象を与えるデザインに適している。
活動的・積極的であるさま
#FF0080
#00E5FF
#A3FF00
#7C4DFF
#00E676
#FF9100
#FF6F00
#FF9100
#FFB74D
元気よく積極的に動き働くさま
生き生きしたさま
動きやすいさま
#FF3B30
#007AFF
#FFD60A
#FF6A00
#00A8FF
#7D3CFF
#0F3D0F
#32D74B
#7DFF9B
元気で勢いのよいさま
#FF1744
#00E5FF
#76FF03
#D500F9
#FFEA00
#00C853
#E65100
#FF6F00
#FFD180
度胸がすわっているさま
物事に恐れたり臆したりしないさま
#FF1E1E
#1E90FF
#FFD400
#FF006E
#00F5D4
#3A86FF
#3A0066
#8A00FF
#C77DFF
規模が大きくて力強く気持ちのよいさま
#D7263D
#1B998B
#FF9F1C
#AA00FF
#00E5FF
#FFD600
#003D1F
#007F3F
#00E676
スピードダイナミック
流れるような速さと鋭い動きを感じさせる、スピード感のある配色。
コントラストの強い色使いが視線を誘導し、瞬発力や緊張感を表現するデザインに効果的。
速さを感じさせる印象
加速しているような感覚
#FF6A00
#00E5FF
#8CFF00
#FF005E
#00FFCC
#00A2FF
#00AFFF
#0066CC
#003366
強い何かによって心をつき動かされること
#FFD500
#00D5FF
#D500FF
#FF0099
#00FF99
#0099FF
#2A004F
#7A00FF
#C266FF
溜まったエネルギーが一気に広がるさま
#FF4800
#00FFEA
#EA00FF
#005BFF
#FFB300
#FF2E63
#7A0000
#FF1A1A
#FF6B6B
気持ちを興奮させるさま
知覚や感覚に強く影響を及ぼすさま
#D000FF
#00FF85
#FF6D00
#C51162
#00ACC1
#AEEA00
#7C2D00
#FF6D00
#FFB347
シャープダイナミック
研ぎ澄まされた印象と鋭さを感じさせる、クールで精密な配色。
明確なコントラストとクリアな色構成により、知的さや洗練された強さを引き立てるデザインに仕上がる。
刃物などが鋭く切れ味のよいさま
感覚がすぐれているさま
映像などが鮮明なさま
#FF6A00
#00B3FF
#8C00FF
#76FF03
#FF1744
#7C4DFF
#00E5FF
#00ACC1
#004D56
力や作用、刺激が強く激しいさま
#FF003C
#00E5FF
#FFD500
#C1121F
#003049
#669BBC
#FF001E
#B80014
#FF5A6E
パワフルダイナミック
圧倒的な存在感と力強さを感じさせる、重厚でエネルギーに満ちた配色。
深みのある強い色彩構成が、信頼感や迫力を生み出し、インパクト重視のデザインに適している。
力が溢れるさま
頼りがいがあり安心できるさま
#C1121F
#003049
#F77F00
#E10600
#00A8E8
#00C853
#7F0000
#C1121F
#FF3B3B
力強いさま
強力なさま
#E10600
#0057E7
#FFC400
#C1121F
#003049
#669BBC
#7C2D00
#D9480F
#FF6D00
目の前にある物事が持つ強い力や影響力のこと
#D7263D
#02182B
#F4D35E
#FF5400
#1F7A8C
#F4F1BB
#240046
#5A189A
#9D4EDD
ほかのものとは比較にならないほど優れていること
#7B00FF
#00FF85
#FF6A00
#D00000
#00B4D8
#90E0EF
#7A0000
#C40000
#FF3B3B
相手に対して激しく責めること
相手に対して危害を加えようとする言動や態度
#FF3C38
#1982C4
#8AC926
#FF2E63
#08D9D6
#252A34
#001F5C
#0055FF
#5C8DFF