Mac:ウェブ上の色を取得できる便利なカラーピッカー

ウオトミズ(UOTOMIZU)の中の人

アドオンいらず!Digital Color Meterが一番便利

ブラウザのアドオンにも色々なカラーピッカー系のツールがあるが、そのブラウザを開いていないと使えない。それぞれのブラウザにカラーピッカー系のアドオンを追加することは地味に面倒だったりする。

実は、Macbook備えつけのカラーピッカー系のアプリにDigital Color Meterというものがある。このDigital Color Meterはブラウザに依存しない。使っているブラウザ関係なく画面上の色を取得できる。

Digital Color Meter

使い方

  1. Spotlightを開く([Shift⇧] +[ Command ⌘]+ F)
  2. digital color meterと打って Digital Color Meterを開く
  3. 取得したい色の上にカーソルを持っていく
  4. 色を保存([Shift⇧] + [Command ⌘] + C)

カーソルの位置をロックしたい時は、[Command] + L。

 

Hex表記で色情報を取得したい場合

#000000というような形で色を取得したい場合は、以下の手順。

  1. Digital Color Meter:[表示]の[値を表示]で[16進]を選択
  2. 取得したい色の上にカーソルを持っていく
  3. 色を保存([Shift ⇧] + [Command ⌘] + C)

「#76C892」というような形でコピーされる。

RGB表記で色情報を取得したい場合

rgb(0,0,0)というような形で色を取得したい場合は、以下の手順。

  1. Digital Color Meter:[表示]の[値を表示]で[10進]を選択
  2. 取得したい色の上にカーソルを持っていく
  3. 色を保存([Shift ⇧] + [Command ⌘] + C)

「118 200 146」というような形でコピーされる。

RGB表記(%)で色情報を取得したい場合

rgb(0%,0%,0%)というような形で色情報を取得したい場合は以下の手順。

  1. Digital Color Meter:[表示]の[値を表示]で[パーセント]を選択
  2. 取得したい色の上にカーソルを持っていく
  3. 色を保存([Shift] + [Command ⌘] + C)

「46.0 78.0 57.0」というような形でコピーされる。

 

.
スポンサーリンク

商用利用可な素材配布しています!!

商用利用可なフリー素材ULOCO商用利用可なフリー素材ULOCO