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拡張の最新記事

Speed Test Chrome拡張 回線速度を測定してIPアドレスとロケーションを表示する 2019/05/25

Day Counter Chrome拡張 新しいタブに付箋のような複数のカウンターを追加する 2019/05/04

Black and White Chrome拡張 白黒で装飾無しのウェブページを表示できる 2019/04/09

Easy Timer Chrome拡張 電卓のように並んだボタンで時間をセットするタイマー 2019/03/31

Running dinosaur Chrome拡張 走る恐竜がジャンプして障害物を避けるゲーム 2019/03/23

Full Page Screenshot Chrome拡張 全体と一部のスクリーンショットをボタン切り替えで撮る 2019/03/16