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

関連記事

ブックマークはもういらない、超便利Pocket

どうも、べ〜やんです。 今回は、お気に入りのwebページを保存しておく便利なサービスのPocketを紹介します。 Pocketとは Pocketは、お気に入りのwebページを保存しておく世界で2,20 …

アニメーション背景を作成!Animated CSS Background Generator

どうも、べ〜やんです。 今回は、アニメーション背景を作成してくれる『Animated CSS Background Generator』を紹介します。 Animated CSS Background …

全画面スクリーンショット!Chromeの拡張機能Full Page Screen Capture

どうも、べ〜やんです。 今回は、ワンクリックで全画面スクリーンショットができるChromeの拡張機能『Full Page Screen Capture』を紹介します。 Full Page Screen …

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

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

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

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