WordPress

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】

【ColorPick Eyedropper】 Webサイトで使われている色を調べる方法

質問者
気になるサイトの色使いを参考にしたいけど、何の色を使っているかわからない

 

今回はWebサイトで使われている色を確認することが出来るColorPick Eyedropperの使い方を紹介していきます!

 

Webサイトで使われている色を調べる方法

ColorPick Eyedropperはchromeの拡張機能の1つです。

 

ColorPick Eyedropperを使うことで簡単に気になるサイトで使われている背景色文字色をワンクリックで調べることが出来ます。

 

ColorPick Eyedropperのインストール方法

chromeウェブストアに入ってColorPick Eyedropperと検索します。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】

そしてChromeに追加をクリックします。

 

インストールされたら拡張機能を追加をクリックします。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】

 

追加すると右上にカラフルな〇が出てきます。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】4

 

拡大するとこんなんです。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】3

 

ColorPick Eyedropperが表示されない場合

もしこの表示が出てこない場合はパズルのピースをクリックしてこのような表示を出します。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】7

 

ColorPick Eyedropperの右側にある白い📌をクリックして青色に変えます。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】6

 

すると、このような表示になるはずです。Webサイトで使われている色を調べる方法【ColorPick Eyedropper】3

 

ColorPick Eyedropperの使用方法

ColorPick Eyedropperのアイコンをクリックします。

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】3

すると十字のマーカーが出てくるのでそれを知りたい色のことに合わせます。

 

合わせるとこのような色の情報が出てくるのでこれを参考にすれば同じ色を表示することが出来ます!

 

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】5

Webサイトで使われている色を調べる方法【ColorPick Eyedropper】|まとめ

今回はWebサイトで使われている色を調べられるColorPick Eyedropperの使い方を紹介しました!

 

気になるサイトを真似したいけど色がわからないから真似できないなと諦めていた方は是非このColorPick Eyedropperを使ってみて下さい!

 

では、また次の記事で会いましょう!!

-WordPress

Copyright© kane blog , 2020 All Rights Reserved.