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

関連記事

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

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

複数のレスポンシブを同時に確認!Chromeの拡張機能ResponsiveViewer

どうも、べ〜やんです。 今回は、複数のレスポンシブを同時に確認できるChromeの拡張機能『ResponsiveViewer』を紹介します。 ResponsiveViewerとは Responsive …

インターフェイスと配色をコード化!ColorTool

どうも、べ〜やんです。 今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。 ColorToolとは 引用元:Color Tool-Mate …

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

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

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

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