0
2

More than 3 years have passed since last update.

Macでカラーコードを調べる方法

Posted at

こんな感じ

今見てる画面のカラーコードが知りたい!!

この画像で使われてる色を再現したい!
でもCSSで使うカラーコード(#ff3333みたいなの)がわからない!

と言うような状況って、たまーにありますよね。。。

Mac標準アプリでできます

スクリーンショット 2021-02-11 16.37.12.jpg
「Digital Color Meter」と言うアプリで、簡単にMacの画面に表示されている色のカラーコードを調べることができます。

カラーコードの表示方法である16進数にする

スクリーンショット 2021-02-11 16.41.45.jpg
これで#ff3333みたいなカラーコードの形式になりました。

カラーコードをコピー

カラーコードを知りたい部分にカーソルを当てた状態でcommand + shift + Cを押します。

あとは貼り付けるだけでカラーコードをコピーできました!:heart_eyes:

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2