サイト制作時に役立つサイト[カラー編]

私がサイトを制作する際に一番困るのが配色…どうも私って好きな色が少なくて、偏り気味。
違う色を使おう!って思ってもやっぱり好きじゃない色で作っていくと配色がおかしい…
そんな時にいつもお世話になってるカラースキーム作成時に役立つサイトをリストアップして見ました。
メモメモ…

ColorZilla :: Add-ons for Firefox
colorzilla
https://addons.mozilla.org/ja/firefox/addon/colorzilla/
ー色んなサイト見ててあーこの色、いいなって思った時にポチッとするだけでその色のカラーコードが分かります。

Color Trends + Palettes :: COLOURlovers
COLOURlovers
http://www.colourlovers.com/
ーカラーパレット投稿サイトなんですがシームレスパターンのランキングもあったりで見ているだけで楽しくなるサイト。
ここのTrendsにはwebだけでなく、Wedding,Craft,Magazinesとかもあって、雑誌から作成したカラーパレットや、ファッションから作成したパレットもあって今、どんな色がはやっているのか一目で分かります!もちろん自分でも登録できますw配色で迷ったらしばらくこのサイトを眺めているとなんとなく決まってくる。

kuler
kuler
http://kuler.adobe.com/
ーAdobeらしいシンプルなデザインでカラーチャートが見やすくてオススメ
上のサイトと同じようなサイトでこちらも自分のカラーチャートを登録することも出来、様々な人が登録したカラーチャートを見ることが出来ます。
サイトが黒背景なのでチャートが目立ちますね〜でっかく表示されるので背景が濃い色のサイトを作る時はこちらを参考にすることが多いです。
それとこちらが便利なのはAdobeIDを持っていると気に入ったカラーチャートのカラーパレットファイルがダウンロード出来るって事です。このファイルはPhotoshopとIllustratorで使うことが出来るので、こちらでカラーチャートを作成し、そのファイルをダウンロードしてPhotoshopとIllustratorで共有するとサイトのカラー管理が楽です。

こちらのサイトで一番気に入ってる機能は、Flickrの写真からカラーチャートを作れること。写真から抜き取ると結構自然といいカラーチャートが出来るんですよね、なんていうか無理のないカラーチャートが簡単にできる。自然の配色ってのは凄いなと思う瞬間です。

Color Scheme Designer 3
Color Scheme Designer 3
http://colorschemedesigner.com/
ー同色系サイトを作る時。
私は結構カラフルなサイトより同色系だけを使ったスッキリしたサイトが好きだったりします。
そんなサイトを作る時に便利なのがこちらのサイト。キーカラーを選ぶとその同色系チャートを作成してくれます。すこしバリエーションが少ないんですがなかなか役に立つのでこちらもメモ

WEB色見本 原色大辞典 – HTML Color Names
http://www.colordic.org/
日本の伝統色 和色大辞典 – Traditional Japanese Color Names
日本の伝統色 和色大辞典 - Traditional Japanese Color Names
http://www.colordic.org/w/
ーとりあえず最初のキーカラーを決めようって時にぼーっと眺めるのがこちらのサイト。
和色大辞典はすっごい利用させてもらってますね。名前と色みるだけで楽しい。和風なサイトを作成することが案外多いのでこのサイトは必須。

Web Creme | Web design inspiration
Web Creme | Web design inspiration
http://www.webcreme.com/
ーwebデザインまとめサイト。数はそんなに多くないけど厳選されたサイトが選ばれてると思います。
こちらはカラー別にカテゴライズされているのでキーカラーが決まってからこのサイト見て参考にしたり。
サムネイルがでっかくていいんですが一気にずらーっと見たい時には不便かな…

WEBデザインのヒントに!WebSite Color Index:WEBサイトリンク集
WebSite Color Index
http://www.ubusuna.co.jp/
ーこちらは日本のwebデザインまとめサイト。
こちらもカラー別にカテゴライズされていて、とても便利。サイト自体スッキリしるけど一覧では一気に沢山のサイトが見られるので探しやすい。

と、私が配色に困った時に便利なサイトをリストアップして見ました。
さぁカラースキーム作らねば(笑)


スワロの見本帳が届いた!やっぱりすごいキレイ!新色のクリスタルアンティークピンクめちゃ可愛いし、絶対揃えるー!昨日よーさんからもらったひよこwねぇ、ひよこってこんな目の所ホラー風味だったっけ?(笑)穴空いててこわいんだけど! #今日のおやつメインまでほんと美味しかったーダックンランチ、ちょーオススメです!ジャルで前菜の盛り合わせを頼んだら凄いのキター!初!鶏小舎!ジャラっとキーホルダー整理‼車のキーが変わったのでチャームとか色々つけ直して出来た~!貰ったYのキーホルダーにも合うかな…しかし重い…(笑)この間買ったバッグw明日から使おうwおはようございますwInstagramのライブフィルターテストして見た!良い感じ!ネイルチップ作りしてたら自分のネイルが曇っちゃったのでお直しwほんとだー月綺麗!今日ニトリで買ったマウスパッド!なんと!一枚¥190!腕起きタイプでも¥390!あまりに安くて恰好良かったのでふたつ購入。使い心地も良い!オススメ!でっかい栗!これから皮剥くんだってー!