Macで「Digital Color Meter」を使って画面上の色を調べる

  • ブックマーク
  • Feedly
パステルの画像

パソコンの画面上の色で「この色を使いたいな」と思うことがあります。

Macには「Digital Color Meter」という色のコードを調べるための便利なアプリがもともとついていました。

画面上の色を調べたい

ブログの下書きにDynalistというアウトライナーを使っています。

Dynalistはブラウザで動くツールなのでCSSでスタイルをカスタマイズすることができるのです。

CotEditorというテキストエディタのダークテーマの色がいい色だったので、この色にしてみたいと思いました。

Windowsではペイントというソフトを使うと色のコードを調べることができるのでが、Macでのやり方はわかりません。

調べてみると、Macでは「Digital Color Meter」で色のコードを調べられることがわかりました。

Digital Color Meterの使い方

Digital Color Meter は「アプリケーション」→「ユーティリティ」の中にあります。

CSSで色を使う場合は16進数(例えば黒なら#000000です)のコードが必要なので設定を変更してから使用します。

メニューバーの「表示」→「値を表示」で「16進」に設定します。

マウスカーソルのある場所の色のコードが取得され、[shift + command + C]を押せばコードがコピーされます。

CSSファイルにペーストすればちゃんと貼り付けられます。

Windowsよりもずっと簡単に色のコードを調べることができました。

この事の執筆者


大西 務(おおにし つとむ)

製薬会社の薬事部門で申請や届出などの業務を10年間行う。2020年に行政書士事務所を開業。ドローンの許可承認申請を主な業務として活動。飛行ルールを守って安全にドローンを飛ばすことを重視したサポートを行っている。温泉好きのいぬバカ。京都府在住。1974年生まれ。

詳細はこちら

X   Facebook  Instagram

ドローンの許可に関する疑問やお悩み

ドローンの許可に関する疑問や不安、お悩みをサポートします。
まずはお気軽にご相談ください。

  • ブックマーク
  • Feedly