跳到主要內容
Toolars
探索
回報問題

圖片 · 本機工具

圖片平均色擷取器

Image Average Color Finder

以 alpha 加權平均算出圖片主色調,忽略全透明像素,點按色塊即複製 HEX、rgb()、rgba(),或下載色值檔案。

任務路徑 / 從輸入到結果

選擇圖片

本機執行 · 不做任何上傳

瞭解圖片平均色擷取器的使用方法、隱私說明與相關工具

任務路徑 / 從輸入到結果

如何找出圖片的平均顏色

  1. 01

    選擇圖片

    點擊「選擇檔案」——或把圖片拖入拖放區——開啟不超過 12 MiB 的 PNG、JPEG 或 WebP;單邊不超過 8,192 像素,總像素不超過 24,000,000。像素在本機解碼,分析前會確認尺寸;不會上傳。

  2. 02

    執行分析

    按「計算平均色」。超過 4,000,000 像素的圖片會先在獨立 Canvas 上縮小至分析預算內;較小圖片以解碼後的完整尺寸讀取像素。結果適合估算顏色,並非對來源檔案位元組的精確測量。

  3. 03

    讀取感知透明度的結果

    正如工作區提示所寫:透明像素會被忽略,半透明 alpha 按比例計入,因此柔和邊緣和 PNG 去背圖不會把顏色帶向看不見的背景。全透明的圖片沒有可平均的內容,會被拒絕並給出明確提示。

  4. 04

    複製或下載色值

    結果色塊會同時給出 HEX、rgb() 和 rgba()。點擊色塊即可複製,也可以用複製控制項複製完整文字,或點「下載」把色值存為一個小文字檔,方便貼進樣式表或設計筆記。

工具速覽

處理方式
在瀏覽器本機完成
輸入是否離開裝置
從不
資料保留
不儲存任何內容
價格
免費

你的輸入留在瀏覽器裡。

圖片平均色擷取器 使用經過驗證的本機執行路徑,不會建立隱藏的輸入或輸出歷史記錄。

本機執行

在目前瀏覽器分頁內執行。

無隱藏處理

使用中的工具資料絕不會成為 Toolars 的文件記錄。

無需帳戶

無需建立帳戶即可使用核心工作流程。登入後收藏才會同步至你的帳戶。

立即重設

關閉分頁,目前的工作資料即刻消失。

圖片平均色擷取器 究竟做什麼

幫首頁主圖配一個相稱的背景色、檢查改版後的品牌素材是否還「像自己」、取商品圖的平均色調當 CSS 佔位色——平均色往往是一張圖最快的誠實摘要。一次典型的操作只要幾秒鐘:拖入照片,點「計算平均色」,點一下色塊,HEX 值就在剪貼簿裡,隨時可以變成一個 --placeholder-color 自訂屬性。圖片平均色擷取器用本機解碼的像素來計算,連對未發佈圖片的分析都留在裝置上。

常見問題

平均色是怎麼算出來的?
工具依 alpha 加權計算解碼後像素的 RGB:完全透明的像素不貢獻顏色,半透明像素的權重較低。報告的 alpha 是所有分析像素(包括透明像素)的平均不透明度。超過 4,000,000 像素的圖片會先縮小,因此結果為近似值。
為什麼大圖要先縮小再測量?
縮小大圖可降低 Canvas 記憶體用量與運算量;處理只發生在本機副本,不會修改來源檔案。但重新取樣可能改變測得的顏色,尤其是細節和透明邊緣。用作品牌色票前,請對照原圖檢查。
樣式表裡該複製哪種格式?
HEX 和 rgb() 顯示測得顏色經四捨五入的 RGB 通道;rgba() 另含平均 alpha,HEX 和 rgb() 不含透明度。如果圖片有透明區域且透明度重要,請使用 rgba(),並在預定背景上預覽。
為什麼全透明的圖片會失敗?
不含可見像素的圖片沒有可報告的顏色,工具會用明確的提示拒絕,而不是憑空編一個黑色或白色。如果檔案本應包含可見內容,請檢查它匯出時是否帶上了你預期的 alpha。
圖片會被上傳到別處嗎?
不會。解碼與平均計算完全在目前瀏覽器分頁內執行,無需帳號;重設工作區後,圖片和測得的顏色都會被捨棄。

繼續探索圖像工作室

相關任務,而非死胡同。

無需返回完整索引,直接進入另一個專注的工作區。

圖片裁切器

Image Cropper

把 PNG、JPEG、WebP 裁切到整數像素座標,提供自由與 1:1、4:3、3:2、16:9 比例,匯出 PNG、JPEG 或 WebP。

編輯

圖片濾鏡

Image Filters

調整亮度、對比、飽和、灰階、褐色與模糊六個滑桿,整條濾鏡鏈在本機 Canvas 一次算繪,按原尺寸下載 PNG。

編輯

圖片尺寸調整器

Image Resizer

把圖片縮放到 1–8,192 像素的精確尺寸,可鎖定寬高比,批次最多 12 張打包 ZIP,支援 PNG、JPEG、WebP。

編輯

圖片色彩擷取器

Image Color Extractor

從圖片擷取最多 12 組 RGB 顏色,依可見分析樣本的 alpha 加權佔比排序;可複製 HEX 或下載 JSON 調色盤。

檢查