圖片色彩擷取器
從圖片擷取最多 12 組 RGB 顏色,依可見分析樣本的 alpha 加權佔比排序;可複製 HEX 或下載 JSON 調色盤。
開啟工具 — 圖片色彩擷取器圖片色彩擷取器 vs 圖片平均色擷取器
直接結論: 圖片色彩擷取器把解碼後的 RGB 分到固定色桶,依可見分析樣本中的 alpha 加權佔比排序最多 12 組;大圖會先縮小。 圖片平均色工具從 Canvas 分析像素算出一個 alpha 加權 RGB 平均值;超過 400 萬像素的大圖會先縮小,因此結果是估算值。
| 圖片色彩擷取器 | 圖片平均色擷取器 | |
|---|---|---|
| 用途 | 從圖片擷取最多 12 組 RGB 顏色,依可見分析樣本的 alpha 加權佔比排序;可複製 HEX 或下載 JSON 調色盤。 | 以 alpha 加權平均算出圖片主色調,忽略全透明像素,點按色塊即複製 HEX、rgb()、rgba(),或下載色值檔案。 |
| 輸入 | 一張 PNG、JPEG 或 WebP 圖片 | 一張 PNG、JPEG 或 WebP;解碼後的可見像素依 alpha 權重參與平均。 |
| 輸出 | 最多 12 組 RGB 顏色,可複製 HEX 或下載 JSON;樣本加權佔比的總和可能低於 100%。 | 一個 alpha 加權平均色,輸出為 HEX、rgb() 或 rgba(),透明像素被忽略 |
| 典型場景 | 從照片、截圖或品牌素材中建立調色盤 | 單一代表色:佔位背景或氛圍色調 |
關鍵差異
提取器按覆蓋占比排序出多個主色;平均色工具把整圖混合成一個平均顏色。
兩者都接受 PNG、JPEG、WebP 圖片;提取器只需指定顏色數量,平均色工具則對所見全部像素取平均。
提取器輸出最多 12 個帶占比的顏色和 JSON 調色盤;平均色工具只輸出一個 HEX、rgb() 或 rgba() 值。
做調色盤、主題和設計權杖選提取器;要底色、佔位背景或氛圍色調選平均色工具。
從圖片擷取最多 12 組 RGB 顏色,依可見分析樣本的 alpha 加權佔比排序;可複製 HEX 或下載 JSON 調色盤。
開啟工具 — 圖片色彩擷取器以 alpha 加權平均算出圖片主色調,忽略全透明像素,點按色塊即複製 HEX、rgb()、rgba(),或下載色值檔案。
開啟工具 — 圖片平均色擷取器相關比較