サイトアイコン あいのーと

色の組み合わせに役立つWEBサービス12選!!

WEBサービスを作る時、資料を制作する時、はたまた服のコーディネートなどで色の組み合わせに頭を悩ませていませんか?
今回は色の組み合わせに役立つWEBサービスを12個紹介していきたいと思います。

好きな色を探せるサイト達

好きな色、もしくは使いたい色はありますか?使いたい色が決まっていればその色を基準にして色を組み合わせる事が出来ます。以下好きな色を見つける事が出来る3つのサイトをご紹介。

原色大辞典

原色だけでなく和色、洋色、WEBセーフカラー、パステル、ビビッド、メトロカラーなど様々な色を集めたサイトです。迷った時はこのサイトで使いたい色を決めましょう。

color-sample.com

カラーピックがあったり、豊富な色の見本がジャンル毎に掲載されているサイトです。色を選択するとその色が使われている画像やサイトなども閲覧可能。

NIPPONCOLORS

和色の色見本帳、和色でデザインを考えている方にはピッタリ!

スポンサーリンク

色の組み合わせが作れるカラージェネレーター

色の組み合わせや、配色パターンを試す事が出来るジェネレーターです。好きな色、使いたい色を基準に色の組み合わせを作る事が出来ます。
また、それぞれジェネレーター以外の機能もあったりするので、色々試してみて下さい。

以下に4つのジェネレーターを紹介します。
それぞれ使い勝手にクセがあるので、色々使ってみて使いやすいものを見つけてください。

colourco.de

直感的に色の組み合わせを作る事が出来るジェネレーターです。

Kuler

adobeが運営するカラージェネレーター!adobeのイラレやフォトショのファイルとして配色をダウンロードする事が出来ます。

colorschemedesigner.com

昔から定番の配色ジェネレーターです。使いやすい!

▼colorotate.org

WEB&ipodアプリとしてリリースされている3D配色ジェネレーター。

好きなサイトや画像の色の組み合わせが分かる「colr.org 」

colr.org
この色の組み合わせ大好き!という画像やサイトがあれば、その色の組み合わせを真似するのも一つの手です。このサイトでは取り込んだ画像やURLから色の組み合わせを教えてくれるので気になる画像やサイトがあればココで試してみましょう。

・imagesタブ「load your own」ボタンから画像アップロードが可能です。

・other stuffタブでURLを入力するとそのサイトの色の組み合わせが分かります。

スポンサーリンク

既存のパターンから色の組み合わせを探す。

▼colourlovers.com

数えれない程の、色の組み合わせや配色パターンを掲載しているサイトです。ここならきっと好きな色の組み合わせが見つかると思います。
カテゴリもウェディング、ファッション、WEB、紙などに分かれており、それぞれにあった組み合わせを確認する事が出来ます。
↓この色の組み合わせが

↓こんな素敵なチェックになったりします。

上記みたいな感じで色の組み合わせを試せます。もちろん、チェック以外の模様もあり色にあった形なども確認する事が出来ます。

色の組み合わせをイメージしやすいサイト

tineye.com

5つの色を選ぶとその色が使われている画像をflickrから抽出してくれるサイトです。

選んだ色の組み合わせがどんな画像や写真になるかわかるので、自分がこれから使う色の組み合わせのイメージがしやすくなります。右側のサイドバーから色をクリックするだけで、色に合った写真が抽出されます。選べるのは全部で5色、選んだ5色は後から変更可能です。

WEB制作の色の組み合わせに役立つサイト

ウェブ配色ツール

色を選ぶと見本のサイトの色も変わるのでサイト制作に役立ちます。現在同系色のパターンしかありませんが、違う配色パターンもあったらもっと面白そうです。

人が選びやすい色の組み合わせを教えてくれるサイト

hue360

マンセル・カラー・システムを使用した色の組み合わせ選択サイト。人間が選びやすい作りになっていろうそうで、作りもとてもオシャレです。以下資料を読むと分かりやすいと思います。

いかがでしたでしょうか、色の組み合わせは仕事を行っている時でもプライベートでも悩む事は多いと思います。
上記サイトやツールで少しでも労力を軽減出来ればと思います。

気に入ったサイトやツールがあったら是非使ってみてください。

モバイルバージョンを終了