圖片取色器

從任何圖片精準取色

開啟圖片,點按任一像素即可讀取真實的 HEX、RGB 與 HSL 值;接著調整色板,並匯出 PNG 色卡或 CSS 變數。所有處理都在瀏覽器中進行,圖片不會離開你的裝置。

HEX— RGB— HSL— 透明度—
尚未選擇像素 選擇一張圖片,或先用範例開始。

將圖片拖放到這裡

或點選 選擇圖片。也可以按 Ctrl/Cmd + V 貼上。支援 PNG、JPEG、WebP、GIF 與 BMP,最大 25 MB。

常見問題

圖片會被上傳嗎?

不會。PickTint 在你的瀏覽器內解碼並讀取檔案。沒有上傳端點、沒有帳號,未經你同意,頁面也不會執行任何追蹤指令碼,圖片不會離開你的裝置。

支援哪些圖片格式?

支援 PNG、JPEG、WebP、GIF(第一幀)、BMP 等瀏覽器可解碼的點陣格式,最大 25 MB、4000 萬像素。不支援 SVG 與 PDF 檔案。

為什麼某個像素顯示為透明?

完全透明的像素(alpha 為 0)沒有顏色,PickTint 會如實說明,不會假裝它是黑色。半透明像素會顯示真實的 RGB 值與透明度百分比,你也可以複製 RGBA 值。

取到的顏色是真實像素嗎?

是。點擊或點按會從原始解析度的圖片讀取像素,而不是螢幕上的縮放預覽。色板以縮小副本快速產生,再進行分組並合併相近顏色。

自動色板如何運作?

PickTint 會從圖片的小副本取樣,使用中位切分法歸併相似像素,並合併近乎重複的顏色。單色圖片只會回傳一種顏色,不會用假色湊數。你可以調整目標數量、編輯任何 HEX 值,並新增、刪除與重新排序顏色。

匯出的檔案包含什麼?

PNG 色卡依序顯示每個顏色及其 HEX 與 HSL 標示。CSS 檔定義從 --picktint-1 開始的穩定變數,順序與匯出時的色板一致。

手機上能用嗎?

可以。在圖片上點按或拖曳即可取色;窄螢幕時圖片位於色板上方。不必選擇檔案也能先試用範例圖。