MENU

Mac - DigitalColor Meterで画面・サイトのカラーをコピー

Macのアプリ「DigitalColor Meter」で画面・サイトのカラーをコピーする方法を紹介します。

「DigitalColor Meter」は、Macに標準搭載されているアプリケーションで、マウスをもっていったところの色を取得することができます。

アプリケーションやサイトの色使いを参考にしたい場合などに大変便利なので、Macで絵を描いたり、サイトを製作する方におすすめのアプリです。

それでは使い方をみてみましょう。

DigitalColor Meterで画面・サイトのカラーをコピー

mac app digitalcolor meter 01
Dockの「Launchpad」をクリックします。

Dockの表示/非表示や場所といった表示設定はこちらを参考にしてください。
» Mac - Dockの表示設定をカスタマイズ

mac app digitalcolor meter 02
クリックするとLaunchpadが表示されるので、その中から「その他」をクリックします。

mac app digitalcolor meter 03
クリックすると「その他」の中にあるアイコンが表示されるので、その中から「DigitalColor Meter」をクリックします。

mac app digitalcolor meter 04
クリックすると「DigitalColor Meter」ウィンドウが表示され、マウスポインターの位置のカラーを表示します。

おもしろいのでマウスをあちこち動かしてみましょう。

mac app digitalcolor meter 05
このようにサイトのカラーも表示することができます。

mac app digitalcolor meter 06
色の表示方法は以下から選択することができます。

  • ネイティブの値を表示
  • sRGBで表示
  • 汎用のRGBで表示
  • Adobe RGBで表示
  • L*a*b*で表示

16進数で表示

mac app digitalcolor meter 07
上部メニュー「表示」→「値を表示」から「10進」「16進」「パーセント」を選択することができます。

カラーをコピー

mac app digitalcolor meter 08
上部メニュー「カラー」から「カラーをテキストでコピー」「カラーをイメージでコピー」することができます。