初心者おすすめ!Zbrushの使い方7ステップ

配色に悩んだ時に役立つ!配色生成サイト7選

配色生成サイト

TUTUSIA
TUTUSIA

どうも、ゲームクリエイターのTUTUSIA(@tutusia_22)です。

美大を卒業後、現在はゲーム会社でデザイナーをしています。

  • イラストの配色によく悩む
  • いい感じの配色を決めたい
  • おすすめのカラージェネレーターはありますか?

このような悩みを解決します。

イラスト制作などで配色を考えるのってけっこう難しいですよね。

そこで今回は、ブラウザ上で使える自動で配色を生成するカラージェネレーターサイトを紹介します。

紹介するサイトを活用していい感じの配色を見つけてみましょう!

WEB色見本 原色大辞典

原色大辞典

WEB色見本 原色大辞典

原色をはじめ、和色、洋色などの一覧やそれぞれの色を基準とした配色が載っている日本のサイトです。

ベースカラーを選択するとその色を基準にした配色一覧が表示されます。また配色大辞典では背景色と文字色を比較できるのでWEBデザインなどで大変便利です。

配色の見本帳

配色の見本

配色の見本帳

上記同様に選択したベースカラーから配色を提案される日本のサイトです。

上で紹介したサイトよりも選択した色や配色に関して詳細に説明が用意されているので、配色によりこだわりを持ちたい人にオススメです。

Adobe Colors

adobecolor

Adobe Colors

PhotoshopでおなじみのAdobeが開発しているカラージェネレータです。

サイトのカラーサークル内にある色のつまみを動かすことで直感的に配色を生成できます。配色パターンも複数あります。AdobeCCのアカウントがあれば配色を保存することができ、PhotoshopなどのAdobe製品との連携をとることができます。

Colors.co

colors

Colors.co

ここから海外のカラージェネレーターサイトの紹介です。

このサイトではスペースバーを押すと自動で配色を生成してくれます。気に入った色があった場合クリックすることでロックをかけることができます。

くじ引き感覚で配色を決めることができるので、見ているだけでも楽しいです。

ColorSpace

colorspac

ColorSpace

サイト中央のカラーボタンからベースカラーを選択して、Generateボタンを押すと自動でさまざまなパターンの配色を生成してくれます。英語ばかりですが、操作が非常にシンプルで使いやすいのです。

Colormind

colormind

Colormind

generateボタンを押すと自動で配色を生成してくれるサイトです。基本的にはさきほど紹介した「Colors」の使用方法とほぼ同じです。

こちらのサイトは上部の「WebsiteColors」「Templates」のタブをクリックすることで、生成した色を使用した仮のウェブサイトを確認することができます。なので、WEBデザイナーにオススメのサイトです。

Color Hunt

colorhunt

Color Hunt

日々新しい配色が紹介されているサイトです。

配色ごとにユーザーが評価をつけることができ人気の配色や流行のトレンド配色などを知ることもできます。