macOSのデフォルトのカラーピッカー(スポイト)が便利!DigitalColor Meterの使い方を説明していく

本記事は広告・アフィリエイトプログラムにより収益を得ています。情報発信の励みになるのでよろしくお願いします。

ウェブデザインの仕事やブログの記事の画像などを作っていると、この色を使いたいな!というときはありますよね。

そんなときに、MacBook・iMacでは、デフォルト入っている「DigitalColor Meter」のアプリがかなり便利です。

Chrome(ブラウザー)でも拡張アプリで使えるが、出来ることなら追加することなく、デフォルトで入っているアプリを使いたいですよね。

ちょっと自分好みに設定するだけで、使いやすくなるし、ショートカットキーを使いいつでも呼び出せるので便利ですよ。

この記事では、DigitalColor Meterの使い方を書いていくので、ぜひ、使ってみてくださいね。

目次

MacBook・iMacでカラーピッカーの便利な使い方

STEP
Spotlightを起動する

「⌘」+「space」のショートカットでSpotlightを起動することが出来ます。

起動することが出来たら、dと入力するだけで、「DigitalColor Meter」が呼び出せるので、クリックします。

STEP
カラーコードを読み取る

DigitalColor Meterを起動することが出来たら下記の画像のような、ツールが表示されます。カラーコードを取得したいところにカーソルを合わせるとR・G・Bの英数値が変化します。

カラーコードを取得したい色にカーソルを合わせたら「⌘」+「Shift」+「C」と同時入力したら、カラーコードをクリップボードにコピーすることが出来ます。

ちなみに、このDigitalColor Meterを移動させながら使えるので、ブラウザーに表示されてある画像やアプリ内に表示されてある画像のカラーコードも読み込むことが出来ます。

以下のように16進数でも表示することが出来るので、後述しますね。

#515151

DigitalColor Meterを便利にカスタマイズする方法

STEP
汎用のRGBで表示

デフォルトのままでは、16進数では表示されないので、ちょっとだけ設定する項目があります。

DigitalColor Meterを起動している状態で、R・G・Bの上にドロップボックスの中に「汎用のRGBで表示」があるので、それを選択します。

STEP
16進数に設定する

DigitalColor Meterを起動した状態で、ツールバーにある「表示」→「値を表示」→「16進数」という順で進むと設定することが出来ます。

これで、「⌘」+「Shift」+「C」とコピーするだけで、16進数のままコピーすることが出来ます。これは作業環境によって使っているコードが違うと思うので、好みで設定してくださいね。

まとめ

地味なことではあるが、ブラウザーの拡張アプリに依存することなく、デフォルトのアプリで便利に使えるのが気に入っています。

呼び出すのもショートカットキーを使いSpotlightで呼び出せるし、作業効率もアップするので、ぜひ、使ってみてくださいね。

それでは、良いMacBookライフを!

愛用アイテム

【RedDot受賞】Baseus ワイヤレス モバイルバッテリー magsafe マグセーフ 対応 10000 mAh 20W マグネット式 【急速充電 / PD対応 / USB-C USB-A 無線充電 / 3台同時充電 / 大容量 / 軽量 薄型 / LEDディスプレイ】 iPhone 13 12シリーズ Galaxy S22シリーズ Androidなどに対応 PSE認証済み ケーブル副属 PPCXW10-C
Baseus

関連記事

良質な中古スマホ取扱店

\スマホ料金が2,970円に/

ahamoのメリット・デメリット

DigitalColor Meter 使い方

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
目次