若要在瀏器中從多張影像擷取色彩調色盤，Image Color Extractor 一次只處理一張影像，並從該檔案中像素最多的區域，依排名產生包含 3、5、8 或 12 種色彩的調色盤。每個結果都會顯示一個 HEX 色碼、一組 RGB 三元組，以及落入該色彩群組的可見分析像素的百分比，而且每個步驟都在本機執行 —— 瀏覽器會解碼檔案、將其縮放至記憶體中的畫布，且絕不會將影像上傳到任何地方。由於所有運算都在本機完成，且介面接受標準 PNG、JPEG、WebP、GIF、BMP 和 AVIF 格式的輸入，單檔上限為 20 MB，因此對於批次處理多張影像的工作流程，實際的做法就是一個快速且可重複的圈：載入下一個檔案、稍等片刻讓分析完成、複製你想要的色票，然後繼續處理下一張。本文將說明此工具對每張影像會產生什麼結果、如何執行該迴圈而不遺失結果，以及在批次處理中，以頻率為基礎的調色盤可能誤導你的限制所在。
此工具中「批次處理多張影像」的含義
大多數搜尋批次影像色彩擷取工具的讀者，期待的是把一整個資料夾的檔案拖進單一面板，然後就能拿到一份試算表。Image Color Extractor 所採用的本機覽器做法刻意與此不同。此工具每次只分析一張影像、依排名回傳一份調色盤，並讓你在載入下一張檔案之前複製色碼。這樣做的取捨是隱私：沒有任何資料會被上傳，且你能為自己審視的每個檔案保留清楚的監管鏈。
對一個實際運作的批次而言，這代表重複執行的速度比任何單次上傳的檔案大小更為關鍵。由於解碼、縮放與分群計數全都發生在當前的瀏覽器分頁中，對於實際運作的批次，務實的做法是保持迴圈簡潔，並在過程中將每個結果逐一貼到一份共享的筆記中。
此工具對每張影像會產生什麼結果
每次分析最後都會產生一張精簡的色票表格。每一列顯示 HEX 色碼、對應的 RGB 三元組，以及落入該色彩群組的可見取樣像素百分比。這些百分比描述的是每個色彩群組在已分析可見像素中所佔的比例，而非原始檔案完整像素總數中的比例。表格中會出現幾列，由你在分析前選擇的調色盤大小決定。下列四種選項有不同的實際用途：
| 調色盤大小 | 最適用於 | 取捨 |
|---|---|---|
| 3 | 情緒摘要、簡報主題、快速的視覺特徵 | 相異的區域經常會合併成單一色票 |
| 5 | 一般用途的批次、相片均衡的全貌檢視 | 相近的色階仍可能被平均在一起 |
| 8 | 插畫研究、含次要色調的品牌檢視 | 小細節帶來的雜訊較多 |
| 12 | 細節豐富的調色盤、多系列圖表、深入檢視 | 強調色會與背景的高頻色互相競爭 |
為整個批次統一選定一次大小，百分比才能在檔案之間保持可比性。在不同大小之間切換，會讓跨檔案比較變得比原本更困難，因為同一個 RGB 群組可能在 3 色調色盤中勝出，卻在 8 色調色盤中落敗。
由於結果是一份頻率摘要，兩個視覺上相異、卻落在同一個 RGB 群組中的色階，將會合併為單一平均後的一列。一個鮮豔的強調色和同一色相的柔和變化版本，常會以單一色票而非兩個色票的形式呈現。這是分群步驟刻意設計的特性：紅、綠、藍三個色頻各自僅會被切分為 8 個粗略範圍，因此最多產生 512 個 RGB 群組，並由最大的群組勝出。
從單張影像擷取調色盤
核心工作是單張影像的工作流程。請對批次中的第一個檔案依下列步驟操作，接著對資料夾中其餘的檔案重複同一迴圈。
- 在瀏覽器分頁中開啟 Image Color Extractor，並載入 PNG、JPEG、WebP、GIF、BMP 或 AVIF 格式的檔案，單檔上限 20 MB。
- 從可用選項中挑選一個調色盤大小：三、五、八或十二。如果不確定，建議從五開始 —— 它能讓你看到足夠的色票以掌握結構，卻又不會讓結果過於氾。
- 等待本機畫布分析完成。瀏覽器會縮放影像，使任一邊的長度皆不超過 512 像素，略過透明度低於 128 的像素，接著統計每個 RGB 群組中的可見像素數量。
- 將色票與百分比對照影像中可見的區域進行檢視。若有一大塊區域看起來是單一色，卻顯示為兩個相近的色票，請降低調色盤大小；若兩個明顯不同的區域共用一個色票，則請調高大小。
- 選取你想保留的每個色票。HEX 色碼將會被複製到你的剪貼簿。
- 將色碼貼到工作筆記、設計檔或共享文件中。在每一行標註來源檔名，以免批次的下一張影像將其覆寫。
若想更深入了解調色盤如何轉譯為設計草稿，在瀏覽器中從任何影像取色彩調色盤 一文涵蓋了相同的輸出欄位，以及如何將它們與你眼睛所見進行比較。
在多張影像上執行相同的工作流程
這項任務的「批次」部分其實只是重複執行而已。沒有佇列、也沒有試算表匯出，因此紀律在於你如何管理各次執行之間的結果。以下是針對一組參考檔案的實用步驟：
- 若檔案順序很重要，請先排序或重新命名。像是 01、02、03 這類數字前綴，能讓你的筆記與所見內容保持對齊。
- 為整個批次決定一個固定的調色盤大小。在不同檔案之間切換大小，會讓百分比難以在整組之間進行比較。
- 對每個檔案執行前一節的步驟，並立即將 HEX 色碼貼到一份持續累積的清單中。一個僅含三欄的簡單表格——檔名、調色盤大小、色票 HEX——就已足夠。
- 每處理幾個檔案後，掃視一下清單，確認預期的色彩家族都有出現。若某品牌的深藍色連續在三張產品照片中缺席，可能是該檔案有異常的背景，或是調色盤大小設得太小。
- 迴圈結束後，視需要對筆記進行排序，並對任何結果看起來有問題的檔案重新執行分析工具 —— 例如，當作業系統的介面邊框可能使主要背景產生偏移時的螢幕圖。
相同的 HEX 色碼也能作為僅使用 RGB 之工作流程的起點。在瀏器中從影像擷取 RGB 數值 一文逐步說明如何將相同的輸出轉譯為十進位三元組，以供不直接讀取 HEX 的設計工具使用。
如何解讀色票、HEX 色碼與百分比
一列色票是對某個粗略 RGB 群組在已分析區域中出現頻率的描述，而非保證每個像素都恰好等於該數值。平均後的一列可能落在共用同一群組的兩個真實色階的正中間，而百分比告訴你的是它佔可見樣本的多寡，而非該顏色在視覺上的重要性。
舉例來說，一大片低彩度的灰色背景經常會名列前茅，純粹是因為它涵蓋最多像素，即使設計的重點其實落在某個小面積的強調色上。如果你需要該強調色，請調高調色盤大小、在重新執行前先裁切影像以聚焦於強調色區域，或直接使用 Image Color Picker 對該強調色區域進行精確的座標取樣。
當小面積的強調色從調色盤中消失時
在任何批次中，小細節是最常令人挫折的來源。分析工具會縮放來源影像，使任一邊的長度皆不超過 512 像素，這能保留大致的構圖，卻可能犧牲掉單一像素的高光或細緻的底線。這個結果其實是誠實的：在頻率排名中，單一取樣像素無法在投票上勝過一千個背景像素。
針對批次的兩個可靠修正方式：
- 先用 Image Cropper 將影像裁切為緊密框住強調色區域的小方塊，接著對裁切後的檔案重新執行擷取工具。如此一來，強調色會在取樣區域中佔據更大的比例，更有可能在縮放步驟中保留下來。
- 針對強調色的點位專門使用選色工具，其餘部分則使用擷取工具。兩個工具互補：擷取工具彙整的是頻繁出現的色彩，而選色工具回報的是你所選定座標上的色彩。
批次工作流程檢查清單
當批次處理的檔案數量不只少數幾個時，一份簡短的行前檢查清單能節省時間。
- 為整組檔案統一確認一次調色盤大小，讓各檔案的列能對齊。
- 確認檔案類型。PNG、JPEG、WebP、GIF、BMP 和 AVIF 皆可接受，但超過 20 MB 上限的檔案必須先進行縮減 —— Image Compressor 提供無需離開瀏覽器的快速檔案縮減功能。
- 立即將每個結果貼到一份共享筆記中。本機的瀏覽器分頁可能會被意外關閉，而暫時性的 Object URL 也會隨頁面一併釋出。
- 對於任何即將用於文字的色彩組合，在發布前，請將前景與背景的 HEX 數值丟入專門的對比檢查工具中檢測。擷取工具是描述性的，而非無障礙工具。
在以隱私為先的瀏覽器工作流程中，「批次」的意義就是不斷重複同一個迴圈。沒有伺服器佇列、沒有 API 速率限制、也沒有上傳步 —— 一次一張影像、一份排名後的調色盤，以及裝滿色碼的剪貼簿，讓你能在設計需要時隨處貼上。