イメージから選ぶ配色パターン集｜スポーティーな色合わせ

スポーティー

軽快で活動的なさま
特徴
アクティブで爽快な雰囲気
運動感や機能性を強調

代表的な色
#1E6FFF　アスレチックブルー
#E10600　エナジーレッド
#28A745　グラスグリーン
#1C1C1C　アクティブブラック
#C0C7CF　スピードシルバー
彩度
中〜高
活力・健康的な印象を与える
スピード感やダイナミックさを演出
明度
中〜高
明るく前向きな印象
清潔感や爽快感を演出

配色のコツ
ネイビーやグレー、白をベースに配色

アクセントにレッド、オレンジ、ライムグリーンを加えると、元気でアクティブな雰囲気になる配色パターンやウェアラインを意識すると、よりスポーティで活発な印象になる

配色パターンやウェアラインを意識すると、よりスポーティで活発な印象になる

配色パターン

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

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

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

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

共通キーワード

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

エネルギッシュ
活力にあふれているさま

トライアド

#FF4F00
#00D1FF
#9CFF00

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

#F44336
#36FF8C
#364EFF

トーン・オン・トーン

#E65100
#FB8C00
#FFB74D

アクティブ
活動的で積極的であるさま

トライアド

#FF3B30
#00C7BE
#5856D6

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

#4CAF50
#FFC107
#03A9F4

トーン・オン・トーン

#FF7043
#FF8A65
#FFAB91

軽快
軽々としていて動きのすばやいさま
気持ちが軽やかであるさま

トライアド

#FF9500
#5856D6
#5AC8FA

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

#00CEFF
#FF6F00
#CE00FF

トーン・オン・トーン

#005BBB
#4F9BFF
#C2E3FF

スピード感
意思決定から実行に移るアクションが、テンポよく展開していくさま
ある行動から次の行動に移るまでの時間が短いこと

トライアド

#FF0054
#4361EE
#06D6A0

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

#8E24AA
#FFEB3B
#009688

トーン・オン・トーン

#1D3557
#457B9D
#A8DADC

疾走感
きわめて速いスピードで駆け抜けるような、爽快で勢いのある感覚

トライアド

#FF6A00
#00FFD5
#8B00FF

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

#FF2D55
#55FF2D
#2D55FF

トーン・オン・トーン

#00D27A
#33E09B
#8AF0C5

俊敏
頭の回転が速く、判断や行動がすばやいこと

トライアド

#00A8FF
#FF6A00
#7BFF00

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

#32CD32
#FF33CC
#FF9933

トーン・オン・トーン

#66CCFF
#3399FF
#0066CC

躍動感
いきいきとした動きや勢いが感じられること

トライアド

#FF3B30
#34C759
#007AFF

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

#FF453A
#00D2D3
#5E60CE

トーン・オン・トーン

#FF9500
#FFB340
#7A3E00

ダイナミック
力強く生き生きとしているさま

トライアド

#FF2D55
#00C7BE
#FFD60A

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

#FF6F00
#006FFF
#00FF6F

トーン・オン・トーン

#FF8A80
#FF3B30
#8B0000

パワフル
力強いさま
強力なさま

トライアド

#FF3C00
#00FF9D
#9D00FF

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

#FF0044
#0099FF
#33FF00

トーン・オン・トーン

#FF4444
#990000
#330000

ハイパフォーマンス
人・モノ・システムが、標準を上回る能力を発揮し、高水準な成果を上げている状態

トライアド

#FFB703
#023047
#8ECAE6

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

#EF233C
#FFD60A
#2B2D42

トーン・オン・トーン

#0047AB
#3A6EDC
#A8C0FF

タフ
頑丈なさま
強い体力と不屈な精神力を備えているさま

トライアド

#D62828
#003049
#F77F00

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

#1B4332
#E63946
#F4A261

トーン・オン・トーン

#1F2421
#2A2F2B
#6C757D

ストイック
自分を厳しくこと
目標に向かって一切の妥協を許さず、ひたむきに努力を続けること

トライアド

#0D1B2A
#E63946
#2A9D8F

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

#1C1C1C
#FF7F50
#50FFB8

トーン・オン・トーン

#141414
#3C3C3C
#646464

機能的
目的や用途に合わせて機能が実用的・効率的に作られているさま

トライアド

#1E90FF
#FF6B00
#2ECC71

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

#4361EE
#F72585
#FF9E00

トーン・オン・トーン

#0A2540
#1E6091
#76C7FF

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

トライアド

#007AFF
#FF9F0A
#AF52DE

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

#00C7BE
#FF375F
#FFD60A

トーン・オン・トーン

#001F3F
#0074D9
#7FDBFF

コントラスト
明るさや形、質感などの違いによって生まれる視覚的な対比や差異

トライアド

#FF4081
#00BCD4
#7C4DFF

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

#FF3B30
#00B4D8
#38B000

トーン・オン・トーン

#4A148C
#8E24AA
#CE93D8

クール
冷静なさま
冷ややかなさま
かっこいいさま

トライアド

#008080
#800080
#FFD700

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

#1B263B
#E63946
#A8DADC

トーン・オン・トーン

#1D3557
#457B9D
#A8DADC

爽快感
さわやかで気持ちがよいさま

トライアド

#00BFFF
#7CFC00
#7CFC00

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

#00FA9A
#FF7F50
#FFB6C1

トーン・オン・トーン

#4682B4
#5F9EA0
#B0C4DE

フレッシュ
新鮮なさま
新しく生き生きしているさま

トライアド

#2ECC71
#F1C40F
#3498DB

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

#FF6347
#40E0D0
#ADFF2F

トーン・オン・トーン

#FF6B6B
#FF3B3B
#FF0000

健康的
健康そうに見えるさま
健康のためになるさま

トライアド

#FFA500
#50FF7C
#506CFF

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

#00ACC1
#FF7043
#FFA726

トーン・オン・トーン

#38B000
#70C25A
#A9D18E

チームワーク
目標を達成するために、チームメンバーで役割分担して協働すること

トライアド

#E63946
#1D3557
#2A9D8F

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

#FFBE0B
#3A86FF
#8338EC

トーン・オン・トーン

#1A4D8F
#357CFF
#95C9FF