圖片取色盤
從照片中擷取主色，複製為 HEX、CSS 或 Tailwind
- 檔案不會離開你的裝置
- 在瀏覽器本機執行
- 免費、免註冊、無浮水印
拖放圖片到這裡，或點擊選擇
支援 JPG、PNG、WebP、GIF、HEIC、AVIF · 也可以用 Ctrl+V / ⌘V 貼上
如何使用圖片取色盤
從照片或截圖擷取 3 到 16 種主色並顯示各自佔比，也會依 Android 規則挑出鮮豔、柔和等色票角色，可匯出為 CSS、Tailwind、JSON、GIMP .gpl 或 Adobe .ase。
- 1
拖入圖片（JPG、PNG、WebP、GIF、HEIC 或 AVIF），或點擊選擇。
- 2
拖動「顏色數量」滑桿選擇 3 到 16 種顏色，「排序方式」可選「佔比」「色相」或「明度」。
- 3
把滑鼠移到色塊或圖片上，就能看到每種顏色出現在哪裡；點擊色塊即可複製 HEX。
- 4
在「匯出」選擇 HEX、CSS、Tailwind 或 JSON 並複製程式碼，或下載 GIMP / Inkscape（.gpl）、Adobe（.ase）檔案。
常見問題
圖片會上傳嗎？
不會。圖片在瀏覽器中解碼與分析，不會離開你的裝置。
顏色是怎麼擷取的？
工具會把圖片縮小到最長邊不超過 256 像素，在 OKLab 空間進行加權 k-means 分群，所以每種顏色代表的是一塊區域，而不是單一像素。需要某個像素的精確顏色，請用「圖片取色器」。
為什麼有些色票角色顯示「無」？
角色是仿照 Android Palette API，從 16 個候選顏色中挑選。沒有合適候選時就會留空，例如灰調照片挑不出鮮豔色。
透明區域會被計算嗎？
不會，透明像素會被忽略。透明背景的 Logo 只會擷取 Logo 本身的顏色。
能在 Photoshop 或 GIMP 使用這組配色嗎？
可以。下載 Adobe（.ase）即可在 Adobe 軟體中載入為色票，GIMP / Inkscape（.gpl）則適用於 GIMP 與 Inkscape。