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コードを参照できます。

関連記事

0件のコメント

コメントの投稿

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

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

スポンサードリンク

Chrome拡張の最新記事

Double-click to Chrome拡張 空白部分のダブルクリックに3種類の動作を設定できる 2018/12/09

Bookmark Icon Chrome拡張 ブックマークをサイドバーに固定したデベロッパーツール内に表示できる 2018/12/01

System Monitor Chrome拡張 CPU使用率やメモリの使用量を監視するシステムモニタ 2018/11/25

World weather online Chrome拡張 現在の天気だけでなく過去の天気や気温も確認できる 2018/11/18

FLV Video Downloader Chrome拡張機能 サムネイルを見て動画をダウンロードできる 2018/11/11

Google Chrome 70でChromeへのログインを促すメッセージを非表示にする 2018/11/04

Chrome拡張のいいところについて

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

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