配色パターン見本40選
：ベストな色の組み合わせを探せるツール

配色の使用例を確認しよう

気になる配色があれば、見本をクリック/タップしてみましょう。その配色の使用イメージを確認することができます。気に入った色の組み合わせはコピペして使って頂いて構いません。

万人受けする配色

まずはシーン問わず使いやすい色の組み合わせを紹介します。青や橙色などは老若男女問わず受け入れやすい色ですね。

親近感を感じさせる配色

次に温かみがあり親近感を感じさせるような配色パターンを紹介します。家庭、愛情、秋などのキーワードが関係するデザインによく合うはずです。

クール系の配色パターン

格好良いイメージや、先進感を出したいときにおすすめの配色です。明度が低い色の組み合わせを選べば、落ち着いた大人らしい印象を与えることができます。

元気・アクティブ系の配色パターン

力強くアクティブな印象を与える組み合わせです。長時間見ると疲れやすい高明度色が中心ですが、目をひくようなデザインにしたいときにはピッタリでしょう。

かわいい系の配色パターン

柔らかくかわいい印象を与えたいとき、女性を主なターゲットとしているときに使いたい組み合わせです。

個性的な配色

ユニークで目をひく配色です。好みは分かれるかもしれませんが、まわりと異なる個性的な印象を与えることができます。

あとがき

僕自身、配色ツールを使う中で「色だけを並べられても、実際に使用したときのイメージが湧かない」と感じていました。使用例も合わせて確認できれば、使いたい色がより探しやすくなるのではないかと考え、この記事を書きました。
なお、マテリアルデザイン用の配色リストも作りました。是非ご覧になってみてください。