当サイトはプロモーションを含みます

ColorPick Eyedropperの使い方!ブログの色が簡単に調べられます

ブログを運営していると、色コードを調べたいことがありますよね。

たとえば、
「このブログの背景色を知りたい!」
「このロゴのカラーコードを調べたい!」
「バナーやサイドバーメニューの色を統一したい!」

そんな時におすすめなのが、「ColorPick Eyedropper」です。

「ColorPick Eyedropper」はChrome拡張機能でインストールしておけば、いつでもカラーコードを調べることができます。

カラーコードって何?という人は以下のページをご覧ください。

カラーコード入門! | ブログ | IORI-ST
webに関わる人やデジタルソフトを使う人にお馴染みのカラーコード。肉眼では分かりにくい微妙な違いも一発で識別できるため、重宝している人も多いと思います。今回はこのカラーコードの6桁の数字とアルファベッ...

そこで、「ColorPick Eyedropper」の使い方をわかりやすく解説したいと思います。

ColorPick Eyedropperのインストール方法

「ColorPick Eyedropper」を使うには、Google Chromeが必要です。
インストールしていない方はこちらのページからダウンロードしてください。

「ColorPick Eyedropper」はChromeウェブストアから入手できます。

・入手先→ ColorPick Eyedropper

Chromeウェブストアにアクセスしたら、「Chromeに追加」をクリック。

機能追加が完了すると、右上にアイコンが追加されます。

では、早速使ってみましょう。

ColorPick Eyedropperの使い方

ColorPick Eyedropperの使い方はとても簡単です。

ColorPick Eyedropperのアイコンをクリック

まずColorPick Eyedropperのアイコンをクリックします。
次に、調べたい色の部分に移動させます。

#66BB6Aという表示がカラーコードです。

調べたい色のところにカーソルを選択

調べたい色のところにカーソルを合わせて、選択し、カラーコードをコピーします。

これで背景色は「#66BB6A」だとわかりました。
超簡単ですね!

このカラーコードをCSSなどに貼り付ければ、ブログのカラーを統一させることができます。

おわりに

ColorPick Eyedropperはブログの色を調べたいときに役立つツールです。

使い方も簡単なので、ぜひインストールしておきましょう。

タイトルとURLをコピーしました