こんにちは、るーぷの畠中です。
まだまだサウナのような日々が続いていますね。
今年の秋はまだまだ見えません。
さて、デザインをする上で頻繁にブチ当たる壁、その一つは配色問題ではないでしょうか。
これが決まらなければ、何も始まりませんよね。なんにも。
私もよくデスクで骨組みだけのPhotoshopと睨めっこし、ひたすら参考サイトを見漁っています。
悲しいかな、全然探していない時にSNSなどで「これが流行の配色パターン！」みたいな投稿を発見するのです。
しっかりと保存しておくのですが、次の機会にドンピシャ！ということはほぼありません。
ということで今回は、私が参考としてわかりやすいと感じたサイトをご紹介いたします！
配色サイトって英語ばっかりだ…使い方ワカラン…と思っていましたが、ちゃんとわかりやすいサイトありました。笑
まずは直感的に見やすいサイト
Color Hunt
https://colorhunt.co/
※英語のみ
開いていただくと一目瞭然！
ズラーッとさまざまな配色が並んでいて見やすいです。
サイドメニューも簡単な英単語でわかりやすい上、いいね数が見られるので選びやすいのです！
また、サイドメニューからキーワードを選んで探すこともできます。
上部の「Search palettes」と書いている検索窓を選択すると、色ごとに指定することも可能です！
さらには、右上の「・・・」→「Create」と選択すると、配色を作成できちゃうのです！
並べてみることで情報や頭の中を整理しやすくなりました。
カラーコードもわかりやすく、活用しやすいサイトだと思います。
なんと！完成イメージが見えるサイトも！
palettemaker.com
https://palettemaker.com/
※英語のみ
こちらはトップページの「Create Your Palette Now」と書かれたボタンを押すだけで、わっかりやすい画面に飛びます。
そもそもプレビューのデザインもかなり参考になります。
「Filter」のところでメインカラーを選べたり、2〜5色まで使用する色数も選べます！
眺めているだけで楽しく、勉強にもなって一石二鳥です。
①・・・デザイン例をカテゴリごとに選択して閲覧することが可能です。
制作物によって使い分けられて便利すぎます！
②・・・さらにはカラーごとにもできるし、配色数も選べちゃうのです。
なんて便利で面白いんだ！！！
日本語のページもちゃんと探しました！
COOL COLORS 配色パターン見本40選：ベストな色の組み合わせを探せるツール
https://saruwakakun.com/design/gallery/palette
こちらは記事になるのですが、配色パターンをポチリと押すと右上のイメージの配色が変わって配色イメージを確認できます。
ただ、上記2サイトに比べるとパターン数が限られるのですが、なんと・・・・
「万人受けする配色」や「親近感を感じさせる配色」など、キーワードに沿った配色が紹介されているのです！！！
配色を探したり考えたりしているときって「ちょっと可愛い系の〜」みたいな感じで漠然とイメージを決めていますよね。
探しやすい上に勉強にもなる素晴らしいサイトだと思いました。
トリに相応しく、わたくしの一押し記事でございます。
いかがだったでしょうか。
配色難民仲間の皆様のお役にも立てれば幸いです。
PREV