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

関連記事

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

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

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

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

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

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

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

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

Webデザイナーになりたい人におすすめサービス5選

どうも、べ〜やんです。 今回は、Webデザイナーを目指している方におすすめな学習サービスを5つ紹介します。 Webデザインを学べるサービスの中でも、実際に私が利用したことのあるサービスに絞って5つ紹介 …