WEBサイトを作るとき、配色で迷ったら使ってみてほしいサービス! | ソフトネクストのスタッフブログ

ソフトネクストのスタッフブログ

皆様に少しでもプラスになるIT情報を探して公開しています。

こんにちは!今回はWEBサイトの配色についてのお話です!

WEBサイトのデザインをしているときに配色で迷うデザイナーさんは結構いるのではないでしょうか?
私自身も、配色で迷ったときは参考になりそうなサイトを片っ端から探したり、
WEB配色の参考書を読んだりしていました。

そんなとき!ぜひ使ってみてほしいサービスがこちら!


Web Site Color Picker

Web Site Color Pickerは、参考にしたいWEBサイトのURLを入力し、
そのWEBサイトに使用している色を自動抽出し、使用頻度の高い上位
10色を自動診断してくれるサービスです。




と言ってもわかりにくいかもしれないので実際にやってみました。


Windowsのサイトで試してみます。
http://windows.microsoft.com/ja-jp/windows/home


①サイトのURLを入れる。
②「SEARCH」ボタンをクリック。


これだけでサイトで使用している色を分析してくれます!簡単ですね。


分析結果がこちら↓


サイトのキャプチャや、サイトで多く使われている色、カラーコード、円グラフが出てきます。
円グラフは、サイトで使用されている色の上位10色の割合を示しています。


さらにその下、「color mapping」というドットで表現されたものは、
マスをクリックすると、右側のカラーパレットに
クリックした部分の色を抽出することが出来ます。
更にtwitter IDでログインすると、抽出したカラーパレットを
保存し、いつでも参照できるようになっています。



「このサイトのような配色にしたい」という時や
「配色が苦手…」という方にもお勧めしたいこちらのサービス。
操作が簡単なのも良いですね。


みなさんも参考にしてみてはいかがでしょうか?