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

圖片 · 本機工具

圖片取色器

Image Color Picker

輸入座標或按預覽,讀取瀏覽器解碼後圖片的單個 Canvas 像素,不做鄰近平均;按色塊複製 HEX,或下載含 rgba() 的完整色值。

任務路徑 / 從輸入到結果

選擇圖片

本機執行 · 不做任何上傳

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

任務路徑 / 從輸入到結果

如何從精確像素上取色

  1. 01

    選擇圖片

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

  2. 02

    設定座標

    在「像素 X」和「像素 Y」中填寫整數像素值,左邊緣和上邊緣從 0 開始——也可以按工作區提示,直接點擊來源預覽同時設定兩個座標。點擊會映射回精確的來源像素,因此預覽的顯示大小不會改變你讀到的值。

  3. 03

    讀取像素

    按「擷取像素」。工具把解碼後圖片指定座標繪製到 1 × 1 Canvas 並讀取 RGBA,不會平均周圍座標。瀏覽器解碼與 Canvas 的色彩、alpha 處理可能使結果不同於來源檔案的編碼位元組。超出邊界的座標會在繪製前被拒絕。

  4. 04

    複製顏色

    結果顯示該 Canvas 像素的 HEX、rgb()、rgba()。按色塊只會複製 HEX,而 HEX 不含透明度;如需保留 rgba() 等完整數值,請使用文字結果或下載小型文字檔。

工具速覽

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

你的輸入留在瀏覽器裡。

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

本機執行

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

無隱藏處理

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

無需帳戶

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

立即重設

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

圖片取色器 究竟做什麼

讓按鈕配上某個只存在於截圖裡的顏色、取圖表背景的確切色值寫進報告、驗證兩個品牌藍是不是真的只差一階——像素級的問題需要像素級的答案。在預覽上點附近的位置,再把座標逐一加減來比較相鄰像素,rgba() 讀數能終結一切靠肉眼爭不出結果的爭論。圖片取色器在本機讀取座標,內部儀表板或未發佈頁面的截圖因此從不離開裝置。

常見問題

座標原點在哪裡?
像素 (0, 0) 位於左上角;X 向右增加,Y 向下增加。請輸入小於解碼後圖片寬高的非負整數。無效或超出邊界的座標會在 Canvas 取樣前被拒絕;錯誤會說明問題,但不一定列出數字上限。
它取的是一片區域的平均色嗎?
工具不會平均鄰近像素,而是從瀏覽器解碼並校正方向後的圖片讀取一個座標。這是顯示像素網格中的精確座標,不保證 RGBA 位元組與來源檔案的編碼相同。需要整張圖片的概括時請用平均色工具。
rgba() 值裡的 alpha 告訴我什麼?
alpha 是這個 Canvas 像素回報的不透明度,rgba() 中保留三位小數。經瀏覽器解碼與繪製後,它可能與來源檔案直接編碼的通道值不同。HEX 和 rgb() 不含 alpha;透明度重要時請查看 rgba(),並在預定背景上預覽。
預覽大小會影響我讀到的像素嗎?
不會。點擊預覽只是輸入座標的快捷方式:點擊位置會映射回來源圖自己的像素,讀取發生在那個精確的來源座標上。無論預覽顯示得大還是小,回報的 RGBA 值都是同一個來源像素。
圖片會被上傳到別處嗎?
不會。算繪和像素讀取完全在目前瀏覽器分頁內執行,無需帳號;重設工作區後,圖片和取到的色值都會被捨棄。

延伸閱讀

繼續探索圖像工作室

相關任務,而非死胡同。

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

圖片裁切器

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(),或下載色值檔案。

檢查