Show Pixel Color - Webページの色を抽出するのに最適なカラーピッカーのChrome拡張機能

魚眼レンズ付きのズームプレビューでカラーコードを調べる

Show Pixel Colorとは、画面をクリックするだけで、Webページの色を抽出できるカラーピッカーのChrome拡張機能です。

Show Pixel Color Chrome拡張機能 カラーピッカー

Show Pixel Color - Chrome Web Store: https://chrome.google.com/webstore/detail/show-pixel-color/jkojbkpbbffiggegdjnkfkndffocgahl?hl=en

Webページで使われている色が気になったときに、そのカラーコード(HEX, RGB, HSL)をすぐに調べることができるのが、Show Pixel Color Chrome拡張機能です。

魚眼レンズ付きのズームプレビュー機能があるので、色を調べたいピクセルを正確にクリックすることができます。

ズームプレビューでWebページの色を抽出してカラーコードを表示する

Show Pixel Color Chrome拡張機能をインストールしたら、ツールバーに追加されたカラーピッカーアイコンをクリックしましょう。

Show Pixel Color Chrome拡張機能 カラーピッカー ズームプレビュー

すると、マウスカーソルが十字になり、その付近のズームプレビューがポップアップに表示されます。

あとは、ズームプレビューを見ながら十字カーソルを移動して、調べたい色のピクセルをクリックしましょう。

Show Pixel Color Chrome拡張機能 カラーピッカー カラーコードのコピー

カーソルがあった位置にHEXカラーコードが表示され、すぐにコピーできるようになります。

また、もう一度ポップアップを表示すれば、他のRGBやHSLコードを参照できます。

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

0件のコメント

コメントの投稿

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

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

スポンサードリンク

Chrome拡張の最新記事

Show Pixel Color - Webページの色を抽出するのに最適なカラーピッカーのChrome拡張機能 2017/11/30

MineSweeper Click - クラッシックなマインスイーパーのChrome拡張機能 2017/11/21

Last Tab Keeper - 最後のタブを閉じてもChromeを終了させない拡張機能 2017/11/15

Copy Link Text - 選択しづらいリンクテキストを簡単にコピーするChrome拡張機能 2017/11/07

Site Home - 現在のサイトのホームページにワンクリックで移動するChrome拡張機能 2017/10/31

Quick Color Converter - カラーコードのHEX-RGB変換がすばやくできるChrome拡張機能 2017/10/19

HTTP Status Chrome拡張 - HTTPステータスコードをツールバーで確認できる 2017/10/10

Focus - アクセスを禁止するシンプルなサイトブロッカーのChrome拡張機能 2017/10/03

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

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

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