Chrome

Webサイトで使われている『カラーを調べる』方法【Chrome拡張機能】

更新日:

Webサイトで使われている『カラーを調べる』方法【Chrome拡張機能】

@dearwalker_yuyaです。ウェブサイトの制作やカスタマイズに「この色のカラーコードが知りたい」ということが多々あります。

そこで今回はものすごく簡単に『Webカラーを調べる方法』を御紹介!

 

マウスオンでカラーコードが分かるChrome拡張機能『ColorPick Eyedropper』

『ColorPick Eyedropper』Chrome拡張機能

手軽にカラーコードを調べることが出来るChrome拡張機能です。

Chromeへ追加するとツールバーへアイコンが表示されます。

Chromeのツールバーへ追加

使い方も簡単で、アイコンをクリックすれば動作開始。

アイコンをクリックして動作開始

カラーを知りたいロゴなどの上へマウスオンすればカラーコードを表示してくれます。

マウスオンでカラーコードを教えてくれる

こんな感じで例えば、SiteMiruのロゴの赤い部分のカラーには【#DC143C】というカラーコードを使っている事が分かります。

そしてカラーコードの一覧表としていつもこちらのサイトを参考させて頂いてます。
代表的なカラーコードがすぐ分かるので便利ですよ。

この拡張機能はちょっとしたリンクカラーの変更時などにも他サイトをサクッと参考に出来るので便利です。

使い方のコツとしてはドット単位で色が出てくるのでなるべく色の中心部分(濃い部分)を調べると正確さが増すと思います。

入れておけばブラウザ上で簡単に調べられるので気になる方はこちらからどうぞ!

オススメの記事

『LINEモバイル』をiPhone/iPadで使ってみた感想と口コミ評判 1

こんにちは、@dearwalker_yuyaです。 大手キャリアより安い料金が魅力の格安SIM『LINEモバイル 』に興 ...

2

どうも、@dearwalker_yuyaです。 このブログで利用しているレンタルサーバーを、さくらからエックスサーバーへ ...

『アーロンチェア リマスタード』約1ヶ月使った感想を購入レビューしてみる 3

こんにちは、@dearwalker_yuyaです。 オフィスチェアの代名詞として最も有名なアーロンチェアの新型『アーロン ...

4

こんにちは、@dearwalker_yuyaです。 この春から東京へ引っ越して一人暮らしを始めたんですが、やはり新生活の ...

高知名物『芋屋金次郎』のこだわりカフェと特選芋けんぴ 5

高知県の名物お菓子といえば有名なのが『芋けんぴ』です。 砂糖がたっぷり付いたカリカリの芋けんぴはエンドレスに食べ続けられ ...

-Chrome
-,

Copyright© SiteMiru , 2018 All Rights Reserved.