配色に役立つ11のサイト

Pocket

配色に役立つ11のサイト

WEBデザインを行う上で重要なファクターの一つである配色:カラーリング。ロゴやブランドイメージなどから導きだすケースが多いと思うが、困ってしまうのは明確なイメージがなく、キーカラーが決まらないとか、キーカラーとの組み合わせがイマイチしっくりこないなど、配色で頭を悩ませることは結構あるのではないだろうか。
そこで今回は、そういう時に役立ちそうな10サイトを紹介したい。各サイト共に試してみたが、思わぬ組み合わせや自分では積極的に使わない色や自分の好き嫌いを再確認できて結構面白い。こういったサイトを活用して効率化を図ったり、新境地を開いてみてはいかがでしょうか。

Premium Themes
§ kuler
kuler

kuler

kuler
言わずと知れたAdobeが運営するサイト。キーワードから連想されるカラーパターンを表示してくれる優れモノ。

§ 配色大辞典
配色大辞典

配色大辞典

配色大辞典
コチラも有名なサイト。色見本のほかに、言葉からストライプやカラーイメージを検索できたり、和/洋の配色パターンを検索できるなどまさにカラーの大辞典。

§ COLOURlovers
COLOURlovers

COLOURlovers

COLOURlovers

1色カラーを入力して検索すると、様々なカラーパターンを表示してくれる。RSSで集めた200万を超えるユーザーのカラーパターンを共有出来るのは驚きだ。

§ Color Explorer
Color Explorer

Color Explorer

Color Explorer

1色カラーを選択すると同系色のバリエーションをいくつかピックアップしてくれる。

§ ColoRotate
ColoRotate

ColoRotate

ColoRotate
カラー選択の方法が凄い。視覚的には素晴らしい。単一カラーから配色パターンを検索できる。

§ Color Scheme Designer
Color Scheme Designer

Color Scheme Designer

Color Scheme Designer
コクピットのようなビジュアルのカラーピッカーでカラー選択をすると、同系色や近似色、補色などのパターンを表示してくれる。

§ ウェブ配色ツール Ver2.0
ウェブ配色ツール Ver2.0

ウェブ配色ツール Ver2.0

ウェブ配色ツール Ver2.0
コクピットのようなビジュアルのカラーピッカーでカラー選択をすると、同系色や近似色、補色などのパターンを表示してくれる。

§ ColorBlender
ColorBlender

ColorBlender

ColorBlender
カラーを選択するとオートでブレンドしてくれる。出来上がったパターンをPhotoshopやIllustratorのcolorデータとしてダウンロードできる機能がある。

§ slayeroffice
slayeroffice

slayeroffice

slayeroffice
ベースやブレンドカラーを指定するとパターンを表示してくれる。とてもシンプル。

§ 色カラー
色カラー

色カラー

色カラー
言葉や表現からカラーパターンを選ぶ。サイト構成のような配色例がイメージしやすく参考になる。

§ color-sample.com
color-sample.com

color-sample.com

color-sample.com
様々なカテゴリーから色見本を選べるカラーサンプルの総合サイト。

2013 Mar. – 全体修正, 1件追加

Pocket

This post is written by Hiro