BLOGサブスレッドの日常
2018.02.10
欲しい色のカラーコードを調べる
chao
はじめに
しみずです。どうぞよろしく。
アプリを開発してたりすると、仕様書に書いてある画面イメージの色コードが欲しかったりすることがたまにあります。
そういう時、Macには便利なアプリが用意されていましたので、そのことを書こうと思います。
確認環境
iMac
macOS Sierra 10.12.6(16G29)
DigitalColor Meter というアプリ
「DigitalColor Meter」というアプリを使います。
このアプリはMac標準で付いているもので、以下の場所にあります。
アプリケーション > ユーティリティー > DigitalColor Meter
見つからなければ、Launch Pad の検索タブで「Digital」を検索すれば出てくると思います。
カラーコードをコピーする
DigitalColor Meter を起動した状態でコピーしたいカラーの場所にマウスカーソルを合わせます。
DigitalColor Meter 上にマウスカーソルがある場所が拡大された色や、その色コードが表示されています。
その色コードをコピーしたい場合は
- Command + Shift + C
を押すことで、HTMLで使用できる以下のようなカラーコードの文字列がコピーされます。
#FF00FF
これで使用したいアプリで使うことができて便利です。
おわりに
昔、Windowsを使っていた時に同じことをしたいことがあった時は
- PrintScreen で今の画面をコピー
- ペイントを起動してコピーした画面を貼り付けする
- スポイトツールで調べたいカラーを選択
- 選択中の色コードを確認
という流れでやっていて、随分手間でしたので
デフォルトのツールでできるというのは大変便利な時代になったもんです。
この記事を書いた人
chao