気になるサイトの「色」カラーコードが分かる拡張機能ColorPick Eyedropperが便利!


サイトで使用した色のコードを忘れてしまった時、あの気になるサイトに使われている色って?

色のカラーコード(HTML)を調べたい場面って結構ありますよね!

Google Chromeの拡張機能を使えば、マスすオーバーするだけで、Webサイトの色が一瞬で分かる解析ツール

ColorPick Eyedropper(カラーピックアイドロッパー)をご紹介します。かんたんで便利なのでぜひ使って見てくださいね!

ColorPick Eyedropperを追加する

1.ColorPick Eyedropper(カラーピックアイドロッパー)を追加

Google Chromeの拡張機能「ColorPick Eyedropper」を追加します。

 

サイトの色が分かるHTMLコードグーグルの拡張機能

 

2.ツールバーのアイコンをクリック

ツールバーにアイコンが出てくるので、アイコンをクリック

サイトの色が分かるHTMLコードグーグルの拡張機能

 

3.解析をする

色を解析したい場所にマウスカーソルを合わせると、解析結果がポップアップ表記されます。

サイトの色が分かるHTMLコードグーグルの拡張機能

4.カラーコードが表記される

コードが表記されるので、コピペして使えます。

サイトの色が分かるHTMLコードグーグルの拡張機能
簡単に調べることができましたね。
 

まとめ

カラーコードが一発で分かるGoogle Chromeの拡張機能「ColorPick Eyedropper」をご紹介しました。

拡張機能を追加するだけので、簡単ですね!

この機能さえあれば、使用した色を控えておかなくても良いので、便利ですね。

気になるサイトの色を確認することもできてしまいます。ぜひ、拡張機能を取り入れてみて下さい。

 

[cc id=”102″ title=”LINE@メルマガ登録”]
スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です