RGB（赤/緑/青）は、デジタルコンピューターモニターで使用される色識別方法です。すべての色には独自のRGB値が割り当てられており、これは3つの色の混合によって目に見える色が構成されているためです。
RGB 値はさまざまな理由で使用されますが、主に写真編集を頻繁に行う人や、グラフィックや Web デザインに手を加える人にとって使用されます。
Mac のあまり知られていない機能として、画面上の任意の 1 つのピクセルの RGB カラーを識別できるメーターがオペレーティング システムに組み込まれています。このチュートリアルでは、その実行方法を説明します。
画面上の任意のピクセルのRGB値を識別する
Adobe Photoshop や Pixelmator の After Effects を使用して写真を適切な外観に仕上げようとしている場合でも、気の利いた小さなグラフィックを作成しようとしている場合でも、既存の環境におけるピクセルの RGB 値を知っておくと、目的のカラー効果を得るのに非常に役立ちます。
Mac には Digital Color Meter というユーティリティが搭載されており、 Dock の「アプリケーション」>「ユーティリティ」の下にあります。
起動したら、画面上の任意の場所にポインタをドラッグすると、指している領域が拡大表示され、測定している対象が正確に強調表示されます。
この例では、デスクトップの OS X El Capitan の壁紙から山の一部の RGB カラーを測定しています。
ご覧のとおり、値は赤が 132、緑が 55、青が 42 になります。Adobe Photoshop や Pixelmator などのアプリで同じ値を使用して、写真編集に使用する同じ色を生成することができます。
たとえば、ここでは Pixelmator の便利な色の置換機能の RGB 入力インターフェースでこれらの値を使用しています。
代わりに16進数を使用する
Macのデジタルカラーメーターでは、RGB表示は氷山の一角に過ぎません。16進数の色値にもアクセスでき、CSSやHTMLを頻繁に使用するWebデザイナーにとって便利です。
標準の 10 進 RGB 値から 16 進 RGB 値に変更するには、メニュー バーで [表示] > [値の表示] > [16 進数として]に移動して出力数値を変更します。
ここで、RGB 値は 16 進数として表示されます。
Macのデジタルカラーメーターを使って16進カラーコードをコピーする方法
画像を作るのに、CanvaやGo Daddy Studioなどのモバイルアプリやウェブサイトを使っています。これらのアプリでは、16進数のカラーコードを入力しなければならないことがよくあります。
16進カラーコードは、ハッシュ記号（#）の後に続くアルファベットと数字で構成された6桁の数字です。例えば、iDBのロゴの青い「i」のカラーコードは#4D7FE6です。このカラーコードを任意のアプリやサービスに入力すると、同じ色が使用されます。
Digital Color Meterを使えば、Macの画面上の任意のピクセルの16進カラーコードを簡単にコピーできます。これを行うには、アプリを16進数値で表示するように設定してください。次に、マウスポインターを画面上の任意の色に合わせてCommand + Shift + Cを押すと、16進カラーコードがクリップボードにコピーされます。Command + Vを押すと、このカラーコードを任意の場所に貼り付けることができます。
まとめ
特定の状況を除いて毎日使う機能ではないにもかかわらず、デジタルカラーメーターはMacの非常に便利な機能です。ユーティリティフォルダを詳しく調べるまで、私はこの機能の存在を知りませんでした。しかし、見つけてからは画像編集で頻繁に使うようになり、主に色合わせに使用しています。
以下もご興味があるかもしれません:
- メッセージアプリからMacの画面を共有する方法
- macOSのターミナルで使える、楽しくて便利なコメント10選
- Macでタイマー付きスクリーンショットを撮る
Macの画面でRGB値を調べることに興味がありますか？このデータをどのように活用するか、ぜひ下のコメント欄で教えてください！
