Webサイトの”色”を自動で抽出、分析するサイト [Web Site Color Picker]作ってみました♪


新サイトを作りました!
その名をWeb Site Color Pickerといいます♪

早いものでお役に立ちますでしょうかシリーズも第6弾となりました☆

このサイトは、素敵なWebサイトから配色を学ぶために便利に使えるシンプルなツールです。
お気に入りのデザインのWebサイトのURLを入れてSEARCHボタンをクリックすると、そのサイトで使われている色を抽出、分析して自動的に色コードと共に表示します。

使い方はこんな感じです。

分析してみたいサイトのURLを入れてSearchボタンを押すと…

こんな感じで、サイトの色を分析して使われている色を自動で表示します!

ただ、なにせ自動解析。

私的にはこのサイトのベスト10はこの色じゃなーい!!ってことも多々あるかと思います。
ご安心ください!抽出機能を設けました!

これを使えば、ある程度解析した分析結果から好きな色だけをスポイトで取得して
保存しておくことができるんです!

保存したデータはあとから閲覧することもできます。

とにかくわかりやすく、使いやすくするために
とてもシンプルな機能になっています。

デザイナーさんだけでなく、管理画面の着色で悩んでいるプログラマーさんなども
ぜひ試してきれいな色で管理画面をグレードアップさせてみてはいかがですか?^^

色コードを表示していますので、すぐに使えますよ♪

素敵なWebサイトから配色の妙技を学んで
デザインに役立ててくださいね♪

P.S

このサイトを作成するにあたり、ハートレイルズさまのスクリーンキャプチャサービス、
HeartRails Capture API
を使わせていただきました。
このサービスなくしてはこのサイトはできませんでした。

この場を借りて御礼申し上げます。
本当にありがとうございました!


こちらの記事もおすすめです

このブログで人気の記事です

コメント(Facebookのコメント機能を利用しています)

»

«


↓その他運営中のサイトのご紹介

Fireworksマニア Webサイトからカラーを抽出!分析!Web Site Color Picker PHOTO STOCKER -高解像度の無料写真素材- 壁紙カレンダー -デスクトップを飾る、サイズ豊富なデスクトップ壁紙- シンプルパターン研究所 -PhotoshopやFireworksで便利に使えるテクスチャ素材-
スタイルシート見出しメーカー -好きな色で作れる、あなた用のCSS見出し- ビビッドカラーズ -キュートなホームページ素材配布サイト- Android用の壁紙無料ダウンロードサイト Webデザイナー山口有由希のポートフォリオサイト