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-2019 Chrome拡張のいいところ. All Rights Reserved.

スポンサードリンク

Chrome拡張の最新記事

Calculator Chrome拡張 前回の計算を覚えているシンプル電卓 2019/02/10

Simple Auto Scroll Chrome拡張 自動スクロールの速さを3段階に切り替えできる 2019/02/03

EZ Zoom Chrome拡張 ドメインごとのズームレベルを一覧表示して管理できる 2019/01/27

Quick Translate Chrome拡張 選択してShiftキーで素早く翻訳できる 2019/01/20

The Worldwide Clocks Chrome拡張 世界時計を腕時計風のスキンで表示する 2019/01/12

Chromeのマウスカーソルを好みに変更する拡張機能「Custom Cursor for Chrome」 2018/12/30

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

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

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