color

 

ホームページを作っている時、ヘッダーの背景色や文字色などのカラーコードを取得したいことがあります。

こんな時に便利なChrome拡張機が、Colorpick Eyedropperです。

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

Colorpick Eyedropper

 

インストールをすると、アドレスバーの右側に下のようなアイコンが追加されます。

Colorpick Eyedropper

 

このアイコンをクリックすると、カラーを取得する箇所の指定をするための小さなウィンドゥが表示されます。

ここでも、カラーコードは表示されています。

Colorpick Eyedropper

 

取得したいカラーの箇所にマウスポインターを移動させてクリックすれば、文字コードが簡単にコピーできます。

Colorpick Eyedropper

 

x 印をクリックするか、Escキーを押すことで、ウィンドゥは消えます。

CSSを書く人は、頻繁に使うことになると思います。

 

起業して頑張っている人だけにオススメする8冊


 

私が買ってよかったパソコン&iPhone関連商品 トップ8