SERVICE

カラーコードがすぐわかる!Chromeの拡張機能ColorPick Eyedropper

投稿日:


どうも、べ〜やんです。

今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。





ColorPick Eyedropperとは


『ColorPick Eyedropper』はブラウザ上で簡単にカラーコードを確認できるChromeの機能拡張です。

ColorPick Eyedropper』はChromeの拡張機能なので、ブラウザはChromeを使用する必要があります。

webページを見ている時に、この色いいな!カラーコード何だろうと気になった時にパッと確認できます、カラーコードが確認できれば色の再現が容易になって便利です。


使い方


Chromeのウェブストアから『ColorPick Eyedropper』を追加します。

Chromeのウェブストア-ColorPick Eyedropper

確認したい色があるページを開いてColorPick Eyedropperのアイコンをクリック。

十字のカーソルに変わるので知りたい色の上でクリック。

カラーコードが表示されるのでそのままコピー。


おわりに


今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介しました。

デザイナーには定番の拡張機能ですね。



-SERVICE
-,

執筆者:


comment

関連記事

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

簡単にQRコードを自動生成する

どうも、べ〜やんです。 今回は、簡単にQRコードを自動生成してくれるサイトを紹介します。 しかも無料です。 QRコードとは ご存知だとは思いますが、QRコードとはこれです↓ beeyanblog QR …

フォントを簡単に調べられる!Chromeの拡張機能WhatFont

どうも、べ〜やんです。 今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。 WhatFontとは 『WhatFont』はwebサイトで …

グラデーションの無料コレクション!WebGradients

どうも、べ〜やんです。 今回は、180個の線形グラデーションの無料コレクション『WebGradients』を紹介します。 WebGradientsとは 引用元:WebGradients 『WebGra …

CSSエフェクト紹介サイト!CSSFX

どうも、べ〜やんです。 今回は、CSSのおしゃれなエフェクトを紹介してくれるサイト『CSSFX』を紹介します。 CSSFXとは 引用元:CSSFX CSSFXはCSSのクリック、ホバー、ローディング時 …