圖片色彩擷取器
從圖片擷取最多 12 組 RGB 顏色，依可見分析樣本的 alpha 加權佔比排序；可複製 HEX 或下載 JSON 調色盤。
開啟工具 — 圖片色彩擷取器圖片色彩擷取器 vs 圖片取色器
圖片色彩擷取器 與 圖片取色器 — 有什麼差別？
直接結論: 圖片色彩擷取器把解碼後的 RGB 分到固定色桶，依可見分析樣本中的 alpha 加權佔比排序最多 12 組；大圖會先縮小。 圖片取色器透過 1 × 1 Canvas 讀取解碼後圖片的一個座標，不平均鄰近像素；RGBA 可能與來源檔案的編碼位元組不同。
圖片色彩擷取器 與 圖片取色器 的比較
| 圖片色彩擷取器 | 圖片取色器 | |
|---|---|---|
| 用途 | 從圖片擷取最多 12 組 RGB 顏色，依可見分析樣本的 alpha 加權佔比排序；可複製 HEX 或下載 JSON 調色盤。 | 輸入座標或按預覽，讀取瀏覽器解碼後圖片的單個 Canvas 像素，不做鄰近平均；按色塊複製 HEX，或下載含 rgba() 的完整色值。 |
| 輸入 | 一張 PNG、JPEG 或 WebP 圖片 | 一張 PNG、JPEG 或 WebP 圖片，外加要讀取的像素位置 |
| 輸出 | 最多 12 組 RGB 顏色，可複製 HEX 或下載 JSON；樣本加權佔比的總和可能低於 100%。 | 一個解碼後 Canvas 像素的 HEX、rgb()、rgba()；按色塊只複製 HEX。 |
| 典型場景 | 從照片、截圖或品牌素材建立調色盤 | 對齊精確色值：按鈕顏色、圖表線條、設計稿中的某個像素 |
關鍵差異
圖片色彩擷取器 vs 圖片取色器
核心功能
取決於工作提取器把整幅圖概括成按占比排序的調色盤；取色器不做鄰域平均，只檢查單個像素。
輸入
取決於工作兩者都接受 PNG、JPEG、WebP；取色器還需要一個位置，來自點擊或輸入的 x/y 座標。
輸出
取決於工作提取器輸出最多 12 個帶占比的 HEX 顏色，可複製或下載 JSON 調色盤；取色器只輸出一個 HEX、rgb() 或 rgba() 值。
適用場景
取決於工作做設計調色盤和主題選提取器；取一次性精確色值選取色器。
這兩個工具
圖片取色器
輸入座標或按預覽，讀取瀏覽器解碼後圖片的單個 Canvas 像素，不做鄰近平均；按色塊複製 HEX，或下載含 rgba() 的完整色值。
開啟工具 — 圖片取色器相關比較
更多 Toolars 工具比較
常見問題
圖片色彩擷取器 和 圖片取色器 有什麼差別？
擷取器把解碼後像素放入固定 RGB 色桶，依可見分析樣本中的 alpha 加權佔比排序。最多傳回 12 組，顯示的佔比不一定合計 100%。取色器只讀一個解碼後的 Canvas 座標，不平均鄰近像素，也不保證等於來源檔案的原始 RGBA 位元組。
圖片色彩擷取器 和 圖片取色器 可以一起用嗎？
可以。先用提取器確定圖片的色系，再對特定位置——標誌邊緣、陰影處——用取色器取單個像素的精確值。