在 Mac 上從影像擷取調色盤
從影像中擷取主要顏色，產生色票卡、CSS 變數和 Adobe 色票。
在 Mac 上使用「調色盤」
App 的截圖，使用範例檔案。
如何使用「調色盤」
- 1
拖入影像
照片、標誌、作品或截圖。你可以加入多張，每張都會有自己的調色盤。
- 2
選擇顏色數量
5 色適合簡單配色，8 色較為豐富，12 色則能呈現更多變化。
- 3
選擇附加項目
保留適合網站的 CSS 變數，以及適合 Photoshop、Illustrator 和 InDesign 的 Adobe 色票（.ase），或將它們關閉。
- 4
按一下「擷取」
顏色會以十六進位色碼顯示在 App 中，最常見的排在最前面，並儲存為色票卡。
- 5
使用檔案
色票卡 PNG、CSS 檔案和 .ase 檔案會儲存在「下載項目 › OneMacTools」中一個以日期命名的新資料夾。用「預覽」（眼睛）按鈕或「在 Finder 中顯示」開啟。
「調色盤」的功能
OneMacTools 會找出影像中的主要顏色，依出現頻率排列，並儲存附十六進位色碼的色票卡。也可選擇為網站儲存 CSS 自訂屬性，以及供 Photoshop、Illustrator 和 InDesign 使用的 Adobe Swatch Exchange（.ase）檔案。
適合用於
- 從品牌照片建立網站配色
- 為簡報搭配顏色
- 與設計師分享情緒板的配色
選項說明
- 顏色
- 5、8（預設）或 12。最常見的顏色排在前面。非常相近的顏色會合併，因此簡單的影像產生的顏色可能比你要求的少。
- 同時儲存 CSS 變數
- 預設開啟。儲存一個 .css 檔案，將每種顏色設為自訂屬性，從 --palette-1 到最後一個，可直接貼到你的樣式表中。
- 同時儲存 Adobe 色票（.ase）
- 預設開啟。儲存一個 Adobe Swatch Exchange 檔案，可載入 Photoshop、Illustrator 或 InDesign 的「色票」面板。
最佳做法
- 請先裁切到你在意的部分。大片天空或單色牆面會主導調色盤。
- 要求比你需要的更多顏色，再挑出搭配得好的。最常見的顏色不一定最搶眼。
- 在網站上使用前，請檢查文字與背景配色的對比。從照片取得的配色並不是為了易讀性設計的。
- 若要從螢幕上擷取單一精確的顏色，請改用「顏色選擇器」。
搭配使用
- 輸入
- macOS 能開啟的任何格式的照片、標誌、作品和截圖。
- 輸出
- 一張附十六進位色碼的 PNG 色票卡，另可選擇附上 .css 檔案和 .ase Adobe 色票。
- 找出顏色之前會先縮小影像，因此細小的細節和細線對結果影響不大。
關於「調色盤」的問題
如何取得影像的調色盤？
將影像拖到「調色盤」上，選擇 5、8 或 12 種顏色並點按「擷取」。你會得到十六進位色碼、色票卡、CSS 變數和 Adobe 色票。
如何在我的網站中使用這些顏色？
打開 .css 檔案，將 :root 區塊拷貝到你的樣式表中。之後在需要顏色的地方使用 var(--palette-1) 等變數即可。
如何將調色盤匯入 Photoshop 或 Illustrator？
打開「色票」面板，選擇「載入色票」或「開啟色票資料庫 › 其他資料庫」，然後選取 .ase 檔案。
為什麼得到的顏色比我選的少？
幾乎相同的顏色會合併，讓調色盤不會重複。顏色種類較少的影像，調色盤也會較短。
顏色是以什麼順序排列？
最常見的排在最前面，因此第一個顏色佔影像的面積最大。
「調色盤」會上傳我的檔案嗎？
不會。「調色盤」完全在你的 Mac 上執行，檔案絕不會離開你的 Mac，也能離線使用。
「調色盤」會更改我的原始檔案嗎？
不會。結果會另存為新檔案，放在「下載項目 › OneMacTools」中以日期命名的資料夾；除非你開啟了另有說明的選項，否則原始檔案會完全保持原樣。
「調色盤」需要什麼？
只需要一台搭載 macOS 26 或以上版本的 Mac。不需另外安裝任何東西。
接下來這樣做
選取螢幕上任何像素，並將其顏色拷貝為 HEX、RGB、HSL 或程式碼。
裁切影像依長寬比或精確範圍裁切，或自動修剪單色邊框，一張照片或整個資料夾都可以。
預留位置影像產生器產生 BlurHash 字串、模糊小縮圖和平均顏色，在影像延遲載入時顯示。
