Mac 數位調色盤與螢幕取色工具怎麼用

先看結論

Mac 內建「Digital Color Meter」App 可即時顯示游標底下像素的顏色數值(HEX、RGB、HSL 等),適合設計師或開發者快速取色。

字級

做設計的人第一次在 Mac 上想取螢幕顏色的時候,通常都要找一下工具在哪裡。Windows 有 PowerToys 的取色器,Mac 其實也有內建的,只是藏在比較少人注意的地方——Spotlight 搜「Digital Color Meter」就出來了,很多用 Mac 多年的人還不知道它的存在。

Digital Color Meter 怎麼看?

開啟之後,把游標移到螢幕上任何一個位置,視窗裡就會即時更新那個位置的顏色預覽和數值。預設顯示 RGB 三個數字,如果你要的是 HEX 色碼,到工具列「顯示方式」切換一下格式就好。

取色的時候記得注意色彩空間。如果設計稿是 sRGB,取色工具也要設成 sRGB,不然拿到的 HEX 值貼進去顏色會跑掉。Display P3 色域更廣,數值系統不一樣,很容易搞混。

Apple 原生 App 裡的放大鏡取色更直覺

如果你是在 Pages 或 Keynote 裡調顏色,按 Shift+Command+C 叫出系統調色盤,左下角有個放大鏡圖示。點它之後游標會變成一個放大鏡準星,移到螢幕上的任意位置點一下,那個顏色就直接套用了,不用記數值、不用貼色碼,非常直覺。

這個取色方式在 Mail 寫信改字體顏色的時候也一樣能用,挑 Logo 顏色來配、對齊品牌色很方便。

M 系列 Mac 螢幕色彩更廣

M 系列 MacBook 和 iMac 搭載的 Liquid Retina XDR 螢幕支援 Display P3 廣色域,顯示的顏色飽和度明顯比舊款 Intel 機型高。如果你在 P3 螢幕上取的顏色貼到網頁設計裡,記得確認輸出是 sRGB,不然在一般螢幕上顏色會看起來暗一點、沒那麼鮮豔。

設計師日常推薦裝一個第三方取色 App(App Store 搜尋「color picker」),用快速鍵呼出取色,比每次找 Digital Color Meter 更快,也支援自動複製到剪貼簿。

操作步驟

跟著做,點一下打勾

常見問題

Digital Color Meter 和 Xcode 的取色器有什麼差?

Digital Color Meter 是獨立工具,隨時可用,適合快速取色。Xcode 的取色器整合在開發環境裡,方便在寫 code 的時候直接選色。日常設計工作用 Digital Color Meter 就夠了。

取到的顏色值每次都不一樣,是哪裡出問題?

很可能是色彩空間沒固定。Display P3 和 sRGB 同一個顏色的 HEX 值不同,建議確認設計稿和取色工具用的是同一個色彩空間再比對。網頁設計一般用 sRGB。

有沒有更快速的第三方取色工具?

Pastel、Sip、Klokki 等 App Store 的取色工具支援快速鍵呼出、自動複製 HEX,比 Digital Color Meter 操作更流暢,設計師用量很高。Figma 和 Sketch 也有內建取色器。

取色結果可以儲存備用嗎?

Digital Color Meter 的「調色盤」視窗(Shift+Command+H 呼出)可以儲存多個顏色樣本,也能拖曳到系統調色盤的「自定義顏色」格子裡長期保存。

這篇有幫助嗎?
問 AI
外觀