跳到主要內容
使用技巧 2026年10月16日 · 1 分鐘閱讀

Mac 怎麼取螢幕上的色碼

設計稿或網頁上看到的顏色,想直接知道色碼。Mac 裡本來就有這個工具。

要用到設計稿裡那個橘色的準確值。截個圖再開 Photoshop 就太重了。

數位色彩檢色器

應用程式 → 工具程式 → 數位色彩檢色器,系統內建。

  1. 打開後,游標周圍會放大顯示。
  2. 移到想取色的像素上。
  3. 按 ⇧⌘C 把值複製到剪貼簿。

顯示方式選單可以在 RGB、十六進位等格式之間切換。預設不一定是 sRGB,所以要用在網頁上的話,先確認顯示方式 → 顯示數值 → 以 sRGB。

放大倍率用 ⌘+ 和 ⌘- 調。小圖示容易取偏,把倍率調高就準了。

Floatie 的取色

Floatie 直接在浮著的碎片上取色。把取色指定到碎片的某個角落按鈕,點一下就把那個像素的顏色放進剪貼簿,快速鍵是 ⌃⌥C。

把設計稿留成碎片浮在螢幕上再取色,流程很順:不用把原視窗調到前面,同一張碎片上還能連著取好幾個顏色。

試試看
按一下碎片上的按鈕
⌘C 剪貼簿
設定 → 外觀 → 角落按鈕

左上 · 幽靈

點擊穿透畫面

點一下某個角,把它換成別的動作。

讀數對不上時

同一個顏色讀出不同的值,多半是色彩描述檔的問題。

  • 螢幕是 P3,而你按 sRGB 預期,就會對不上。把檢色器的顯示數值設成 sRGB。
  • 從截圖裡取色會跟著那張圖的描述檔走。直接在螢幕上取更接近原始值。
  • 在半透明圖層上取到的是混合後的顏色。要真實值就讓那個元素單獨可見時再取。

確認一個顏色不該重開一個 App。如果你經常要取,放在角落按鈕上是最快的路。

下載 Floatie

← 所有文章

準備好浮起來了嗎?

14 天免費試用,所有功能全部解鎖。之後可一次性購買,永久使用 Floatie Pro;也可以選擇月訂閱或年訂閱,兩者同樣提供 Floatie Link Pro。

macOS 14 Sonoma 以上・Apple Silicon 與 Intel・沙盒執行——資料不會離開你的 Mac