chromeでカラーコードを調べる方法

mochiです！

ブログ書くようになってから、カラーコードの重要性を学んできた今日この頃です。初期の頃に使ってたカラーコードがわからないなんてことがよくあります。最初から気にしれてば良かったんですけど、全く気にしてませんでした。そこで今回は、ブラウザーでカラーコードを調べる方法を紹介します。

chromeの拡張機能
使い方
最後に

chromeの拡張機能

導入したアドオン：ColorPick Eyedropper

クリックすると右上に出てくるAdd to chromeを押せばインストールされます。

使い方

虹色のボールをクリックし、カーソルを動かすとカラーコードが表示されます。

↑のようなに表示されます。＃~~~~~がカラーコードになります。escボタンを押すとカラーコードを調べるモードから抜け出せます。

簡単です！

最後に

こんなに簡単にカラーコードが調べられるなんて思ってもいませんでした。かなり便利です。chromeのアドオンて本当になんでもありますね！だたし、表示されているカラーコードを入力すると常に完全に同じ色になるとは限らないようです。また、表示されているカラーコードが入力する先に非対応ということもありました。