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

mac app digitalcolor meter

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

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

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

DigitalColor Meterで画面・サイトのカラーをコピーする方法は?

DigitalColor Meterで画面・サイトのカラーをコピーする方法は次の手順です。

  1. [DigitalColor Meter] を起動する

    mac app digitalcolor meter 01
    Finder の [アプリケーション] → [ユーティリティ] へ移動します。

    mac app digitalcolor meter 02
    アプリ [DigitalColor Meter] を起動しましょう。

  2. 画面のカラーを確認する

    mac app digitalcolor meter 03
    アプリ [DigitalColor Meter] です。マウスポインターの位置のカラーを表示してくれます。

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

  3. Webサイトのカラーを確認する

    カラーを確認したいWebサイトへアクセスしましょう。

    mac app digitalcolor meter 04
    気になるカラーにマウスカーソルを持っていくと、このようにカラーが表示されます。

  4. 色の表示方法を確認する

    mac app digitalcolor meter 05
    色の表示方法は選択することができます。

    • ネイティブの値を表示
    • P3で表示
    • sRGBで表示
    • 汎用のRGBで表示
    • Adobe RGBで表示
    • L*a*b*で表示
  5. 16進数で表示する

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

  6. カラーをコピーする

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

DigitalColor Meterで画面・サイトのカラーをコピーする方法の解説は終了です。