どや!?Web Site Color Picker:Webサイトで使われている”色”を抽出、分析します♪

22 11月

  • このエントリーをはてなブックマークに追加

Web Site Color Picker:Webサイトで使われている"色"を抽出、分析します♪

webサイトを見ていると「この配色いいなー」なんて思うことありませんか?
画面キャプチャーしてフォトショップで開けば、色も抽出ができますが、一つずつ色を抽出するのは手間だったり。
そんな時は、「Web Site Color Picker」を使うと便利です。
 

Web Site Color Pickerは、Webサイトで使われている色を自動抽出するサイトです。
配色解析したいwebサイトのURLを入力しSERCHボタンをクリックするだけで、そのwebサイトに使われている色をTOP10で出してくれます。

Web Site Color Picker URL入力画面
 
 
試しに、自社サイトで色を抽出してみたらこんな感じ。
背景色や写真に使われている色が上位にきています。
抽出した色は、カラーコード(16進数、RGB)でコピーできます。

Web Site Color Picker 試してみた
 
 
twitterにもつぶやけるようですね。

Web Site Color Picker twitterにつぶやく
 
 
イメージからカラーを抽出し、オリジナルカラーパレットも作成できるようです。

Web Site Color Picker イメージカラーの抽出とオリジナルパレットの作成
 
 
twitterと連携すれば、パレットも保存可能。

Web Site Color Picker twitterと連携すれば、パレットも保存可能
 
 
なかなか面白いサービスです。
ただ、flashやjavascriptで組まれたwebサイトは、上手く抽出できません。
こればっかりはショウガナイデスネー。

Web Site Color Pickerは、URLを入力するだけ、という非常に簡単な操作なので、調査対象が多い場合や、画像編集ソフトの扱いに慣れていない方などにとって、特に有効活用できそうです。
 
Web Site Color Picker

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL