【カラーパターンで迷ったときに！】配色パターン参考サイトまとめ

何種類も色展開がある広告物やパッケージが並んでいるのを見ると なんだかワクワクするデザイナー、中内です。 出かけるたびに、ようもないのに立ち寄ってしまうカラーコンタクトのお店・・・。 単純にパッケージが自分の年齢向けに作られていることと、 パッケージの色展開がたくさんあることが相まって、 ワクワクが抑えきれずついつい立ち寄ってしまいます。 今回はそんな色展開についてのブログです。 さて、デザイナーのみなさん。ベースの色は決まっているけどアクセントカラーを何色にするか悩む・・・ 制作物の色違いのパターンをいくつか作りたいけど配色に悩む・・・こんなことってありませんか？ 今回はそんなときに役立つ配色パターンの参考サイトをご紹介します。

• 【目次】

• • ColorDrop
  • Adobe color
  • Pigment

ColorDrop

ColorDrop こちらは4色のカラーパレットを集めたサイトです。 ページ右上の検索欄に色の名前（英語）を入力して、色を絞って検索することができます。 メニュー内の『Scan Image』では、画像からカラーパレットを作成することも可能です。 一覧表示されているカラーパレットのひとつをクリックすると、 サイドバーにパレットの各色のカラーコードが表示されます。 表示されているカラーコードはワンクリックでコピーすることができます。 また、Color Dropでは、気に入ったカラーパレットをお気に入り登録しておくことが可能で、 各カラーパレットの下部分に表示されているハートマークをクリックすることで お気に入りに追加することができます！

Adobe color

Adobe color こちらは5色のカラーパレットを集めたサイトです。 画面上中央の『検索』『トレンド』から、Adobeユーザーが投稿した 様々なカラーパレットを閲覧するこできます。 各パレットの詳細ページでは、ワンクリックでカラーコードをコピーする事が可能です。 Adobe colorでは、気に入ったカラーパターンを ブラウザ上でCCライブラリに登録することができるのがとても便利です。 また、画面上中央の『作成』では、 画像をベースにカラーパレットやグラデーションを作成することができます。 自分で作成したカラーパレットやグラデーションも ブラウザ上でCCライブラリに登録することができます。

Pigment

Pigment こちらは2色のカラーパレットを集めたサイトです。 シンプルな機能とデザインで、とても使いやすいサイトとなっています。（あと動きがすごく可愛い） サイドバーに表示されているパレットマークをクリックすると、 ベースの色を絞って検索することが可能で、 一覧・詳細ページ共にトーンを調整しながらパレットを確認することもできます。 どのページでもワンクリックでカラーコードをコピーすることが可能です。 また、画面右上の虫眼鏡マークをクリックすると、 Unsplashの画像をベースに、カラーパレットを検索することもできます。