イメージから選ぶ配色パターン集

ポップ

大衆向きであるさま
時代に合ってているさま
特徴
明るく楽しい雰囲気
カジュアルやかわいらしさを強調

代表的な色
#FF2D95　ホットピンク
#00BFFF　スカイブルー
#FFF44F　レモンイエロー
#7CFF00　ライムグリーン
#FF5E00　オレンジ
彩度
高
元気・陽気な印象を与える
遊び心を演出
明度
中〜高
明るく軽快な印象
親しみやすさや軽やかさを演出

配色のコツ
ホワイトやライトカラーをベースに配色

アクセントにピンク、イエロー、ブルーなどビビッドカラーを加えると元気でポップな雰囲気になる

トーンをそろえると派手すぎず統一感が出る

配色パターン

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

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

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

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

共通キーワード

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

無邪気
素直で悪気がないさま
あどけなくかわいらしいさま

トライアド

#FF6B6B
#6BCB77
#4D96FF

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

#FF8A5B
#5BC0EB
#FFE156

トーン・オン・トーン

#FFF3B0
#FFE066
#FFB703

スマイル
笑顔
にっこりと微笑むこと
声を立てずに笑うこと

トライアド

#FF6B6B
#FFD93D
#6BCB77

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

#FFD93D
#3D6BFF
#3DFF6B

トーン・オン・トーン

#F72585
#FF4DA6
#FF85C1

フレンドリー
友好的であるさま
親しみやすいさま

トライアド

#FF4D8D
#2DD4BF
#FACC15

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

#FF8C42
#42CFFF
#5DFF8C

トーン・オン・トーン

#CAF0F8
#90E0EF
#48CAE4

ハッピー
幸福であるさま

トライアド

#FF5DA2
#42E2B8
#FFC857

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

#FFB300
#00C8FF
#5DFF00

トーン・オン・トーン

#FF9F1C
#FFB347
#FFD580

ポジティブ
プラス思考
物事を肯定的に捉えられること
前向きな考え方や性格のこと
積極的であるさま

トライアド

#FFB400
#00A6FB
#FF6F61

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

#43AA8B
#F8961E
#F94144

トーン・オン・トーン

#FF6B6B
#FF8C8C
#FFA8A8

陽気
雰囲気などがはればれしているさま
性格や性質などが明るいさま
天候が良く過ごしやすいさま

トライアド

#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

にぎやか
物音や人声などが盛んに聞こえるさま
人などが多く集まって活気のあるさま
よくしゃべったりして陽気なさま

トライアド

#FF9F1C
#2EC4B6
#E71D36

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

#FFBE0B
#8338EC
#3A86FF

トーン・オン・トーン

#FF6B6B
#FF8787
#FFAAAA

活気
元気よく積極的に動き働くさま
いきいきしたさま
動きやすいさま

トライアド

#FFBE0B
#FB5607
#8338EC

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

#FF4DA1
#FFB84D
#4DFF88

トーン・オン・トーン

#FF7A00
#FF9E3D
#FFC48C

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

トライアド

#FF6B6B
#4ECDC4
#FFE66D

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

#FF9F1C
#2EC4B6
#8338EC

トーン・オン・トーン

#4D96FF
#6EAFFF
#92C2FF

弾ける
勢いよく中身が飛び出すこと
勢いよく飛び散ること
はめを外して騒ぐこと

トライアド

#FF5C5C
#5CFF5C
#5C5CFF

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

#FFD93D
#3DD9FF
#D93DFF

トーン・オン・トーン

#FFD93D
#FFE770
#FFF29F

リズミカル
音や動きに一定のリズムがあるさま
なさま

トライアド

#FF6F61
#6BFF61
#616BFF

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

#FFD93D
#3DFFEA
#3D3DFF

トーン・オン・トーン

#FF9E80
#FFF0F6
#FF3D3B

遊び心
心にゆとりを持ち、物事の面白みを楽しむ心

トライアド

#FFBE0B
#FB5607
#8338EC

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

#FF4D6D
#FFCA3A
#1982C4

トーン・オン・トーン

#FF2E63
#FF6F91
#FFC2D1

ユーモラス
ユーモアのあるさま
人を和ませるようなおもしろさがあるさま

トライアド

#FF6B6B
#6BCB77
#4D96FF

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

#6A4C93
#FFCB77
#4ABDAC

トーン・オン・トーン

#6BCB77
#47B96B
#2E8E50

若々しい
実年齢よりも若く感じるさま
未熟である
大人気ない

トライアド

#FFB347
#47FFB3
#6B47FF

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

#3D8BFF
#FFA23D
#FF3DA2

トーン・オン・トーン

#5CFF9D
#8BFFBA
#D1FFE8

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

トライアド

#FF6B6B
#4ECDC4
#FFE66D

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

#FF9F1C
#1CDBFF
#8DFF6B

トーン・オン・トーン

#3A86FF
#6AA9FF
#CFE3FF

自由奔放
周りにとらわれず、自分の思うままに振る舞うさま

トライアド

#F0A500
#6D83F2
#F24C00

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

#F50057
#00BFA5
#76FF03

トーン・オン・トーン

#4D96FF
#73AFFF
#99C8FF

カラフル
姿や形、色彩などが華やかで人目をひくさま
中身がいっぱいに満ちているさま

トライアド

#FF8C00
#00FFD5
#8C00FF

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

#FF2D95
#2DFFCE
#2D7BFF

トーン・オン・トーン

#FFD93D
#FFE680
#FFF2B2

華やか
花が開いたようにきらびやかで美しいさま
きわだってはっきりしているさま

トライアド

#FF4D6D
#6A67CE
#FFD93D

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

#FF9F1C
#2EC4B6
#FF4D6D

トーン・オン・トーン

#7F5AF0
#B79CFF
#E3DBFF