Mac画面の「この色、なに色?」を教えてくれる魔法のスポイト Digital Color Meter アプリ活用記

Mac画面にあるすべての色を教えてくれるDigital Color Meterアプリの活用記

デザインソフトいらず!? お気に入り写真の色をブログや資料に活かす、私だけの配色術

Mac画面にある「この色なに色?」をスッと教えてくれる方法が目の前にあるとしたら?そう、すでにMacにそっと備わっているのです。その名も「Digital Color Meter」(デジタルカラーメーター)。少し専門的な響きに聞こえるかもしれませんが、日常の色選びをぐっと豊かにしてくれる、とても親しみやすいアプリ。まだあなたに気づかれていない、小さな魔法の杖。

iMacの画面を眺めながら思う。「この色素敵だな。なんていう色なんだろう?」
ウェブサイトで見つけた心惹かれる色。「この絶妙なニュアンスカラーは、どう伝えればいいんだろう?」
軽やかに並ぶ心地よい文字色。「この綺麗なフォントカラーは、何色なんだろう?」
お気に入り写真の夕焼け。「このオレンジ色を、ブログに使えたら素敵だろうな」

そう思ったことはありませんか?そんなときに活躍するのが、このDigital Color Meterです。画面に映るあらゆる色を、まるでスポイトで吸い取るようにそっと拾い上げて、その正体を教えてくれます。光をかざす魔法の杖のように、色の数値をすっと示してくれます。小さいけれど頼りになる、そんな道具が「アプリ」という箱の中に、そっと用意されているのです。※旧Launchpad(ローンチパッド)

この記事では、そんな「Digital Color Meter」の基本的な使い方から、知っていると毎日がちょっと楽しくなるような便利な機能まで、私の体験も交えながらご紹介したいと思います。Digital Color Meterのことを知っていくうちに、あなたも「色の世界」の探検に出かけたくて、うずうずしてしまうかもしれません。そんな気持ちも楽しみながら、最後まで見届けていただけたら嬉しいです。

「色を知る」という、ただひとつの目的のために作られたDigital Color Meter

Digital Color Meterは、Macの画面上にある、どんな場所のどんな色でも、その情報を正確に読み取ってくれるアプリです。「色を知る」という、ただひとつの目的のために作られた、本当にシンプルな存在。

この「色を知る」に、「色を選ぶ」そして「その色を使う」という機能を加えたものが、一般的に「カラーピッカー」と呼ばれています。その中でも、画面上の色を吸い取るように取得し、すぐに使えるようにするのが「スポイトツール」機能。Illustrator(イラストレーター)やPhotoshop(フォトショップ)など、画像編集ソフトを使ったことがある方なら、きっとピンとくるツールだと思います。

そんなスポイトツールによく似た働きをしながら、Mac画面に映るすべての色を取得できるのが、Mac標準アプリ「Digital Color Meter」です。スポイト型カラーピッカーとして、画像編集に限らず、あらゆる場面で活躍してくれます。

デザイナーやウェブ開発者の方はもちろん、統一感のある企画書やプレゼン資料を作りたいビジネスパーソン、ご自身のブログやSNSに彩りを添えたい方など、色に「ちょっとこだわりたいな」と感じているすべての人にとって、きっと心強い味方になってくれるはずです。

気になる色をスポイトしてみよう!基本操作と色のコピー方法

MacのDockにある「アプリ」フォルダをクリックして、アプリ一覧を表示させます。スポイトマークが描かれたアイコンがDigital Color Meterです。見つけたらワンクリック。それだけで起動し、デスクトップに小さなウィンドウが現れ、すぐに使い始めることができます。私のiMacではアプリ一覧「その他」に入っていました。

使い方はとてもシンプルです。マウスカーソルを画面上で自由に動かしてみてください。どうでしょう?ウィンドウの中の大きな四角(プレビュー画面)に、カーソルが指している場所がぐっと大きく表示され、その右側には「R」「G」「B」という文字の数字が、めまぐるしく変わっていくのが見えていると思います。

これは、色の三原色である光の要素、赤(Red)・緑(Green)・青(Blue)が、それぞれどれくらいの強さで混ざり合っているかを示しています。この組み合わせで、画面上のすべての色が作られているんですね。そんなふうに考えると「色の世界って不思議ですごい」なんて、なんだか感動してしまいました。

そして、覚えておきたいもっとも便利な操作が「色のコピー」です。気に入った色の上にカーソルを合わせます。

・テキストでコピーする→「⇧+⌘+C」
・画像でコピーする→「「⌥+⌘+C」
・ペーストする→「⌘+V」

これであっという間に、あの素敵な色を自分のものにできるのです。

さらに、そこからこんな使い方もできます。たとえば、取得した色を「メモ」アプリにペーストしたとします。Mac画面の左下にMacシステム機能のカラーピッカー(カラーパレット)が表示されるので、コピーした色にカーソルを合わせてスポイトマークをクリックします。カラーピッカーが表示されない場合は「⇧+⌘+C」を押します。

そのままテキストを入力すると、あの素敵な色で「メモ」の文字が彩りはじめます。「色を知る」から「色を選ぶ」、そして「その色を使う」ですね。

応用編:Macがさらに楽しくなる!色を探求する4つの便利機能

色の情報をコピーできるだけでも十分便利ですが、この小さなアプリには、さらに探究心を満たしてくれる機能が隠されています。

1. 目的に合わせて「表示形式」を変える:「RGB」という色の表し方に慣れていなくても、心配しなくて大丈夫。目的に合わせて、さまざまな形式で色の情報を教えてくれます。Mac画面の上部にあるメニューバーの「表示」から「値を表示」を選んでみてください。

10進・16進・パーセントの表示形式から選べます。

・10進数(Decimal)→日常的に使われる形式。RGBの値が0〜255で表示されます。
・16進数(Hex)→Webでよく使われる形式。「#FF0000」のように表示されます。
・パーセント(%)→RGBの値を0〜100%で表す形式。「R: 100% G: 0% B: 0%」=真っ赤

どれを使えばいいのか迷ったときは、

・画像編集やプレゼン資料作りなら→10進数(RGB値)
・Webやブログで使いたいなら→16進数(#カラーコード)
・色の強さを感覚的に見たいなら→パーセント(%表示)

このように、用途に合わせて表示を切り替えることで、色を扱う作業がぐんとスムーズになります。

2.「ポインタをロック」で、繊細な色を選ぶ:繊細なグラデーションから「まさにこの色!」という一点を見つけたいときは、ポインタをロックしておくと便利です。
選びたい色にカーソルを合わせ、キーボード「⌘+L」でポインタがロックされ、マウスを動かしてもカラーメーターが指し示す場所は固定されたままになります。心ゆくまでカラー情報を吟味し、ゆっくりとコピーすることができます。もう一度同じショートカットを押すと、ロックは解除されます。

3.「絞りサイズ」で、雰囲気の色を見つける:通常、Digital Color Meterは1ピクセルという、とても小さな点の情報を読み取っています。でも時には「この写真全体の、なんとなくの雰囲気の色」を知りたい時もありますよね。

たとえば、夕焼けの写真。赤やオレンジ、紫が複雑に混じり合っています。この中から代表的な色を見つけたい時、ウィンドウの「絞りサイズ」スライダーを右にスライドさせて大きくしてみてください。

すると、指定した範囲のピクセルの色が平均化され、写真全体の雰囲気を象徴するような、まろやかなオレンジ色などを取得できます。これは、ざらっとした質感の画像やグラデーションから、キーカラーを抽出したい時にとても便利な機能です。

・絞りを(左へ)小さくすると→1ピクセルだけの色を取得
・絞りを(右へ)大きくすると→複数のピクセルを平均して取得

色の境目が気になるときは小さく、ざっくり色味を知りたいときは大きくするのがコツです。

4. 色空間を切り替えて、より正確な色を知る:色空間とは、ざっくり言えば「色をどう表現するかのルール」のようなもの。ウィンドウのポップアップメニューから、色空間(表示モード)を切り替えることができます。用途に応じた色の基準を選ぶことで、「その色がどのルールで、どう見えるか」色の見え方を確認することができるのです。

各表示モードを簡単に説明すると、

・ネイティブの値を表示→今使っているMacの画面で「実際に見えている色」をそのまま数値で教えてくれるモード。画面の個性に合わせた色という感じです。

・P3で表示→Apple製品でよく使われる「ちょっと鮮やかめな色」の世界。赤や緑が綺麗に見えるように調整されたモードです。

・sRGBで表示→一番ふつうの色の基準。WebサイトやSNSなどほとんどの画面で使われているので「みんなが見る色」に近い数値がわかります。

・凡庸のRGBで表示→「普通のRGB値をそのまま見せてくれる」モード。

・Adobe RGBで表示→写真や印刷で使われる「ちょっと広めの色」の世界。緑がとくに綺麗に出るので、作品づくりにこだわる人向けかもしれません。

・L*a*b*で表示→色をL「明るさ」、a「赤み・緑み」b「黄み・青み」で数値化するモード。少し理系っぽいですが、色の違いを数値で比べやすいので、色管理や分析に使われています。

どれを選べばいいのか迷ったときは、

・とりあえず迷ったらこれ!→ネイティブの値、sRGB
・より鮮やかで広い色域を扱いたい→P3、Adobe RGB

このように、色空間や色の表現方法の違いによって、色の見え方や数値が変わります。目的や使う場面によって選ぶのがコツですが、実際に切り替えながら使ってみると面白い発見があるかもしれませんね。

活用アイデア:日常が彩られる!私が出会った色の取り入れ方

この小さな魔法の道具を、あなたの日常でどんなふうに使ってみますか?

たとえば、憧れのファッションブランドやお気に入りのウェブサイトから、今シーズンのキーカラーをちょっと拝借。その色を日記や手帳のテーマカラーに取り入れて、毎日がちょっと嬉しくなる空間に。

心に残っている映画のワンシーンで一時停止。衣装や背景から印象的な配色をいくつかピックアップして、プレゼン資料のテーマカラーに。メッセージがより印象的に、心に届くものになると思います。

森林浴に出かけた時に撮った、新緑まぶしい森の写真。その中から一番美しいグリーン色をスポイトして、ブログタイトルやSNSの文字色に設定。写真と一緒に思い出を綴れば、色と記憶がやさしく結びつきます。

この小さな魔法の杖で「あなただけの色」を見つけに行こう

「色を知る」ために作られたMacのツール「Digital Color Meter」は、日常に散りばめられた無数の美しい色、心惹かれる色を発見し、それを自分の表現として取り入れることをそっと手助けしてくれます。

基本的な使い方から、少し応用的な機能まで。この記事でご紹介したヒントを片手に、小さな箱の中にある魔法の杖を取り出して、思いのままに「色の世界」へ探検に出かけてみてください。

いつも見ているウェブサイト、撮りためた写真のフォルダ、心に響いた名作の映画、大好きなアーティストのミュージックビデオなど、きっと、デジタルの世界が今までよりもずっと色鮮やかに見えてくるはずです。