WEB2.0サイトColorBlenderサイトの制作やブログのカスタマイズでカラーの配色が一番頭を悩まします。時間がかかります。カラー設定において複数カラーの配色には、かなり神経質にそして悩みます。そういった面倒をこちらに紹介するWEB2.0サイト：ColorBlenderであれば、簡単に計算してくれて6色のマッチしたカラーコードを取得することができます。
- ColorBlender
- http://colorblender.com/
特にこのサイトはWEBセーフカラー以外の配色というより表示可能全色にマッチしていますので、使ってみると便利です。RGB設定からキーカラーを決めておくことですべてが自動的に配色決定されます。使い方も簡単です。スライダーでRGBを調整するだけで、そのキーカラーにマッチした配色をデータ表示してくれます。またデータのダウンロードも可能です。
PS（フォトショップ）IL（イラストレーター）用のカラーパレットファイルも取得することができます。オリジナルのパレットをつくることができますので、本格的にサイトデザインのお仕事をされている方にも役立つと思います。
また、配色をセーブすることができ、セーブしたパレットのアドレスも生成できます。アドレスを自身のメールアドレスに送り、パレットをWEBサービスにてラベルをつけて分類保存なんかもできて便利です。親しい方とのパレット共有にもいいと思います。
それから、一番使えるのが配色を共有できるパレットです。同サイトの中のBrowse blendsページ。このページは、パレットを共有できるページです。セーブされた様々なパレットを見ることができ、データを簡単に入手することができます。その中からクリップするのもいいと思います。私は、特にこのパレット共有が気に入って使っています。
一度使ってみてください。結構時間を節約できます。
昨今の多くのWEB2.0サイトを見る限り、カラーの配色に関しては、ほとんどのサイトがそれほどカラーを使っていません。目に優しい意味ででしょうか？少ないカラーにて、テキストリンクなどでカラー設定で表現しているところがほとんどです。やはりコンテンツありきの世界なので、背景白でテキストを上手くカラー配色しているサイトが目立つような気がします。
そんな私もパレットを共有できるように簡単なパレットアドレスを残しておきます。
Web 2.0 Colour Palettehttp://www.modernlifeisrubbish.co.uk/web-2.0-colour-palette.aspが紹介している有名Web 2.0デザインサイトの配色をパレットにして保存しました。 お使いください。
- http://colorblender.com/?preloadblend=F9F7EDFFFF88CDEB8BC3D9FF36393DEEEEEE
- http://colorblender.com/?preloadblend=FF1A00CC0000FF7400008C00006E2E4096EE
- http://colorblender.com/?preloadblend=B02B2CB02B2CD15600C7981073880A6BBA70
- http://colorblender.com/?preloadblend=356AA0D01F3C
コードパレットの生成も簡単です。http://colorblender.com/?preloadblend=のアドレスに＃をとった６桁のカラーコードを６色以内並べるだけで簡単にパレットを作ることができます。
なかなかRGB値で入力するのが面倒な方はこんな方法で保存用パレットを作ってみるのもいいと思います。
クライアントやエージェントに提案するときに使ってみてもいいかも。
コメントする