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

圖片 · 本機工具

圖片色彩擷取器

Image Color Extractor

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

任務路徑 / 從輸入到結果

選擇圖片

本機執行 · 不做任何上傳

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

任務路徑 / 從輸入到結果

如何從圖片擷取調色盤

  1. 01

    選擇圖片

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

  2. 02

    設定調色盤大小

    用「調色盤顏色數」滑桿選擇 1 到 12 個顏色。顏色越少,概括越宏觀——做頁面配色時三到五個是好的起點;顏色越多,點綴色越能浮現出來,而小調色盤會把它們併入鄰近色。

  3. 03

    擷取調色盤

    按「擷取調色盤」。工具把解碼後的 RGB 依每個通道 16 級的固定區間分桶,忽略完全透明的像素,其餘像素依 alpha 加權。色桶按可見分析樣本中的加權佔比排序。超過 4,000,000 像素的圖片先使用縮小副本,所以調色盤是估算值,並非對來源檔案逐像素的精確統計。

  4. 04

    複製或下載顏色

    每個色塊顯示 HEX 值及在可見分析樣本中的約略佔比。按色塊可複製 HEX,或下載包含 hex、rgb、alpha、share 的 JSON。結果只傳回前 1–12 個色桶,各色佔比不一定合計 100%。

工具速覽

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

你的輸入留在瀏覽器裡。

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

本機執行

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

無隱藏處理

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

無需帳戶

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

立即重設

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

圖片色彩擷取器 究竟做什麼

著陸頁需要一套真正來自產品圖的配色,簡報範本想呼應封面圖,設計審查想拿到目前介面的主色。工作流程很快:從主圖擷取五個顏色,把第一個色塊複製成頁面背景,把第二名提升為連結色,再下載 JSON 讓整套顏色——連同佔比——落進設計筆記。圖片色彩擷取器在瀏覽器裡按可見分析樣本的 alpha 加權佔比排序調色盤——當來源圖是一份不該上傳到任何地方的未發佈設計時,這一點尤其重要。

常見問題

顏色是如何挑選和排序的?
每個像素依 RGB 各通道的高四位進入固定色桶。視覺上相近的顏色也可能落在不同桶;同桶內的顏色會取平均。完全透明像素略過,半透明像素依 alpha 加權。結果最多傳回指定數量的高權重色桶,不保證每個都是獨立的設計色。
該選多少個顏色?
從小開始:一到三個顏色概括圖片的氣質;照片上五到七個通常能乾淨地分開背景、主體和點綴。只有面對含有多種鮮明平塗色的圖稿時才推向 12,此時多出的色塊仍然有意義,而不是把一條漸層拆成一堆近似色。
擷取器如何處理透明度?
全透明像素完全不計入測量,半透明像素按不透明度比例計入,因此柔和邊緣的去背圖不會把調色盤拖向看不見的背景。JSON 下載中的 alpha 欄位會報告每個顏色的平均不透明度。
JSON 下載裡的欄位是什麼意思?
hex 和 rgb 是色桶經四捨五入的平均 RGB;alpha 是平均不透明度;share 是該桶在分析 Canvas 全部可見像素中的 alpha 加權佔比,並非來源圖片的精確面積比例。只匯出排名靠前的色桶,佔比總和可能低於 100%。
為什麼調色盤看起來是近似的?
固定 RGB 色桶讓調色盤較精簡,但不會合併所有看起來相近的顏色:色桶邊界可能把相鄰色分開。超過 4,000,000 像素的圖片還會在分析前重新取樣,細節與排序可能改變。採用色塊前請對照原圖檢查。
圖片會被上傳到別處嗎?
不會。解碼與量化完全在目前瀏覽器分頁內執行,無需帳號;重設工作區後,圖片和擷取的調色盤都會被捨棄。

繼續探索圖像工作室

相關任務,而非死胡同。

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

圖片裁切器

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 Average Color Finder

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

檢查