画像に使われている平均的な色からカラーコードを生成する「Whats Its Color」

画像の平均的な色からカラーコードを生成

Whats Its Colorとは、アップロードした画像や画像のURLから平均的な色を抽出するカラーピッカーです。

Whats Its Color 色の抽出 カラーピッカー

Whats Its Color: Find the complementary and primary color of any image http://whatsitscolor.com/

Whats Its Colorでは、画像で使われている平均的な色と個別の色を抽出して、そのカラーコードを表示できます。

アップロードした画像や画像のURLからカラーコードを生成する

Whats Its Colorで、画像に使われている色を抽出するには、「参照」ボタンをクリックして、色を抽出したい画像(最大1MB)を選びます。

Webページの画像から色を抽出するときは、URLボックスに画像へのURLをコピーペーストします。

「Small/Medium」オプションから、色の抽出結果画面に表示する、元の画像のサムネイルのサイズを選びます。

画像の背景が白や黒のときは、「Discard the background」オプションをチェックしておけば、背景色を無視して平均してくれます。

Whats Its Color 色の抽出 カラーピッカー カラーコード

「Upload&Process」ボタンをクリックすると、色の抽出結果が表示されます。

「Dominant Average Color」が、画像全体の平均的な色です。その下には、画像で使われている色のTOP10が表示されます。

それぞれの色にはカラーコードが表示され、Adobe Swatch(aco)ファイルをダウンロードすることもできます。

デベロッパーツールの関連記事一覧 - Webアプリのいいところ

Chrome拡張のいいところ 関連コンテンツ

この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://chromeapp.info/tb.php/236-ecb9ada0

0件のトラックバック

2件のコメント

[C253] 結果画面が出ない

WhatsItsColorを使ってみたいのですがUpload&Processを押した後,結果が出ません...
ブラウザはGoogle,IE,Firefoxで試みたのですが,他に方法はご存知でしょうか?
  • 2013-12-17
  • みみみ
  • URL
  • 編集

[C254] Re: 結果画面が出ない

わたしも何度か試して見ましたが、以下のエラーになります。
Backend server error.
Application server misconfigured.
サーバー側の障害のようですので、しばらく待ってから試してみるしかないようですね。
早く復旧するとよいのですが。
  • 2013-12-17
  • webiitoko
  • URL
  • 編集

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Copyright © 2008-2017 Chrome拡張のいいところ. All Rights Reserved.

スポンサードリンク

Chrome拡張の最新記事

Date Highlighter Chrome拡張 Google検索結果で日付だけをハイライトできる 2017/03/21

Download Notify Chrome拡張 ダウンロードの完了をサウンドで通知してくれる 2017/03/14

coordinates Chrome拡張 マウスポインタの座標をツールチップに表示する 2017/03/07

Check my public and private IP addresses Chrome拡張 グローバルIPとローカルIPの両方をひとめで確認 2017/02/28

Case converter Chrome拡張 英字の大文字と小文字をすぐに変換できる 2017/02/24

Memento Mori Chrome拡張 メメントモリを意識するためのリマインダー 2017/02/21

Quick Links Chrome拡張 開いているタブのリンクを一時的に保存できる 2017/02/17

Tab Sleep Timer Chrome拡張 指定した時間や時刻でタブを自動的に閉じるタイマー 2017/02/14

Amazon


Dragon Touch Y88X 7インチ タブレットPC クアッドコア Google Android 5.1 IPS液晶ディスプレイ


Hobest ワイヤレスヘッドフォン 充電用ケース付き ミニステレオBluetoothイヤホン


高速充電多ポートUSb充電器 7ポート多用途

ブログ「Chrome拡張のいいところ」について

おすすめのChrome拡張機能や設定を紹介するブログです。

ご連絡はこちらまでどうぞ
sg.inagaki@gmail.com

RSS Feed