カラーコードの取得(Digital Color Meter)

HTML/CSSの編集で、カラーの指定をしたい場合は多い。ただし色見本から目的の色のカラーコードを調べるのはけっこう手間取るし、まだるっこしい。MacOSには標準で、画面上の特定の位置のカラーコードを調べるDigital Color Meterというユーティリティが備わっているのを、今になって知った。

shft + cmd + Cでカーソルが指す位置のカラーコードをクリップボードにコピーしてくれる。

DigitalColorMeterを起動して、例えばこの記事の、上の行(↑)の文字列”shft + cmd + C”のところにマウスポインターを合わせると、下記のような画面表示になり、ショートカットでカラーコードを取得できる。マウスは文字列のバックグラウンドをポイントしていたので、カラードードは背景色の#3333ccとなっている。

DigitalColorMeter画面