ポップ
ポップ*pop
大衆向きであるさま
時代に合って洒落*しゃれているさま
特徴
明るく楽しい雰囲気
カジュアルやかわいらしさを強調
代表的な色
#FF2D95 ホットピンク
#00BFFF スカイブルー
#FFF44F レモンイエロー
#7CFF00 ライムグリーン
#FF5E00 オレンジ
避けたい色
チャコールグレー
ダークブラウン
ネイビー
低明度で重厚感のある色は、ポップ特有の明るさや軽快感を弱めやすい。そのため、親しみやすさや遊び心が伝わりにくくなる。
彩度
高
元気でエネルギッシュな印象を与える
視線を集めやすく、楽しさや遊び心を演出
明度
中〜高
明るく軽快で開放的な印象
親しみやすさやポジティブな雰囲気を演出
配色のコツ
ホワイトやライトカラーをベースに配色
アクセントにピンク、イエロー、ブルーなどビビッドカラーを加えると元気でポップな雰囲気になる
トーンをそろえると派手すぎず統一感が出る
活用シーン
お菓子・スイーツ
商品パッケージ
店頭POP
販促ポスター
など
イベント・エンターテインメント
ライブイベントのポスター
チケットデザイン
キャンペーンサイト
など
教育・スクール
子ども向け教材
生徒募集チラシ
体験会の案内ポスター
など
雑貨・ライフスタイル
商品ラベル
パッケージデザイン
ブランド紹介リーフレット
など
飲食店・カフェ
季節限定メニューのポスター
店頭POP
SNS投稿画像
など
関連キーワード
ポップなイメージに共通する「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
キュートポップ
無邪気さや愛らしさを感じさせる、親しみやすくかわいらしいポップスタイルを表現した配色。
ピンクやイエロー、水色などの明るくやさしい色彩を組み合わせることで、楽しく柔らかな雰囲気を演出する。
素直で悪気がないさま
あどけなくかわいらしいさま
#FF6B6B
#6BCB77
#4D96FF
#FF8A5B
#5BC0EB
#FFE156
#FFF3B0
#FFE066
#FFB703
笑顔
にっこりと微笑むこと
声を立てずに笑うこと
#FF6B6B
#FFD93D
#6BCB77
#FFD93D
#3D6BFF
#3DFF6B
#F72585
#FF4DA6
#FF85C1
実年齢よりも若く感じるさま
未熟である
大人気ない
#FFB347
#47FFB3
#6B47FF
#3D8BFF
#FFA23D
#FF3DA2
#5CFF9D
#8BFFBA
#D1FFE8
フレンドリーポップ
人とのつながりや親近感を感じさせる、明るく親しみやすいポップスタイルを表現した配色。
暖色と寒色をバランスよく組み合わせることで、開放的で安心感のあるフレンドリーな雰囲気を演出する。
友好的であるさま
親しみやすいさま
#FF4D8D
#2DD4BF
#FACC15
#FF8C42
#42CFFF
#5DFF8C
#CAF0F8
#90E0EF
#48CAE4
プラス思考
物事を肯定的に捉えられること
前向きな考え方や性格のこと
積極的であるさま
#FFB400
#00A6FB
#FF6F61
#43AA8B
#F8961E
#F94144
#FF6B6B
#FF8C8C
#FFA8A8
新鮮なさま
新しく生き生きしているさま
#FF6B6B
#4ECDC4
#FFE66D
#FF9F1C
#1CDBFF
#8DFF6B
#3A86FF
#6AA9FF
#CFE3FF
アクティブポップ
軽快な動きや活発なエネルギーを感じさせる、躍動感あふれるポップスタイルを表現した配色。
鮮やかなビビッドカラーを組み合わせることで、元気で前向きなアクティブな雰囲気を演出する。
元気よく積極的に動き働くさま
いきいきしたさま
動きやすいさま
#FFBE0B
#FB5607
#8338EC
#FF4DA1
#FFB84D
#4DFF88
#FF7A00
#FF9E3D
#FFC48C
軽々としていて動きのすばやいさま
気持ちが軽やかであるさま
#FF6B6B
#4ECDC4
#FFE66D
#FF9F1C
#2EC4B6
#8338EC
#4D96FF
#6EAFFF
#92C2FF
音や動きに一定のリズムがあるさま
律動的*りつどうてき
/ ある運動が規則正しく繰り返されるさまなさま
#FF6F61
#6BFF61
#616BFF
#FFD93D
#3DFFEA
#3D3DFF
#FF9E80
#FFF0F6
#FF3D3B
周りにとらわれず、自分の思うままに振る舞うさま
#F0A500
#6D83F2
#F24C00
#F50057
#00BFA5
#76FF03
#4D96FF
#73AFFF
#99C8FF
ハッピーポップ
楽しさや高揚感を感じさせる、遊び心にあふれたポップスタイルを表現した配色。
明るく華やかな色彩を組み合わせることで、笑顔やワクワク感を引き出す陽気な雰囲気を演出する。
幸福であるさま
#FF5DA2
#42E2B8
#FFC857
#FFB300
#00C8FF
#5DFF00
#FF9F1C
#FFB347
#FFD580
雰囲気などがはればれしているさま
性格や性質などが明るいさま
天候が良く過ごしやすいさま
#FFD93D
#3DD9FF
#D93DFF
#FF5A5A
#5AFFC3
#5A8CFF
#FFD93D
#FFE770
#FFC600
愉快
楽しく気持ちのよいさま
#FFD93D
#6BFFB8
#FF6BDA
#FF8C42
#428CFF
#42FF8C
#FF6B6B
#FF8C8C
#FFB2B2
感情の高ぶり、気持ちが盛り上がっている状態
#FFD93D
#6A4C93
#FF6F91
#FF6B6B
#6BCBFF
#FFD93D
#7A00FF
#9A33FF
#BA66FF
心にゆとりを持ち、物事の面白みを楽しむ心
#FFBE0B
#FB5607
#8338EC
#FF4D6D
#FFCA3A
#1982C4
#FF2E63
#FF6F91
#FFC2D1
ユーモアのあるさま
人を和ませるようなおもしろさがあるさま
#FF6B6B
#6BCB77
#4D96FF
#6A4C93
#FFCB77
#4ABDAC
#6BCB77
#47B96B
#2E8E50
カラフルポップ
多彩な色が織りなす華やかさと賑わいを感じさせる、存在感のあるポップスタイルを表現した配色。
高彩度の色彩を大胆に組み合わせることで、活気に満ちたインパクトのある雰囲気を演出する。
物音や人声などが盛んに聞こえるさま
人などが多く集まって活気のあるさま
よくしゃべったりして陽気なさま
#FF9F1C
#2EC4B6
#E71D36
#FFBE0B
#8338EC
#3A86FF
#FF6B6B
#FF8787
#FFAAAA
勢いよく中身が飛び出すこと
勢いよく飛び散ること
はめを外して騒ぐこと
#FF5C5C
#5CFF5C
#5C5CFF
#FFD93D
#3DD9FF
#D93DFF
#FFD93D
#FFE770
#FFF29F
姿や形、色彩などが華やかで人目をひくさま
中身がいっぱいに満ちているさま
#FF8C00
#00FFD5
#8C00FF
#FF2D95
#2DFFCE
#2D7BFF
#FFD93D
#FFE680
#FFF2B2
花が開いたようにきらびやかで美しいさま
きわだってはっきりしているさま
#FF4D6D
#6A67CE
#FFD93D
#FF9F1C
#2EC4B6
#FF4D6D
#7F5AF0
#B79CFF
#E3DBFF