圖片取色器
從任何圖片精準取色
開啟圖片,點按任一像素即可讀取真實的 HEX、RGB 與 HSL 值;接著調整色板,並匯出 PNG 色卡或 CSS 變數。所有處理都在瀏覽器中進行,圖片不會離開你的裝置。
- 原始解析度逐像素取色
- 自動擷取主色色板
- 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 開始的穩定變數,順序與匯出時的色板一致。
手機上能用嗎?
可以。在圖片上點按或拖曳即可取色;窄螢幕時圖片位於色板上方。不必選擇檔案也能先試用範例圖。