サイトベースカラー配色に役立つWEB2.0サイト:ColorBlender

| コメント(0) | トラックバック(0) |
||

サイト制作時の配色に役立つWEB2.0サイト:ColorBlenderの紹介です。カラーパレットを共有できるのが魅力的です。PS・ILLパレットデータも取得できます。提案にもオススメです。

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=のアドレスに#をとった6桁のカラーコードを6色以内並べるだけで簡単にパレットを作ることができます。

なかなかRGB値で入力するのが面倒な方はこんな方法で保存用パレットを作ってみるのもいいと思います。
クライアントやエージェントに提案するときに使ってみてもいいかも。

Comments for this entry on FriendFeed.

トラックバック(0)

トラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/51

コメントする

サービス

AmaPOP - amazon affiliate link generator/アマゾンアソシエイト(アフィリエイト)リンク

AmaPOP - amazon affiliate link generator
手軽にあなたのアソシエイトID入りのアマゾンアソシエイト(アフィリエイト)リンクを作成することができるサービス

人気アクセスランキング

OpenID対応しています OpenIDについて
Powered by Movable Type 4.25

このブログ記事について

このページは、cool_ni_ikouが2006年9月 9日 10:59に書いたブログ記事です。

ひとつ前のブログ記事は「棒グラフを簡単に表現できるとてもシンプルなCSS」です。

次のブログ記事は「MovableTypeで Google Sitemaps用テンプレートコード」です。

edit

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。