取樣顏色
HEX
RGB
已儲存色票
預覽
將圖片拖放到這裡
或點擊瀏覽
JPG · PNG · WebP · GIF
什麼是圖片取色器？
圖片取色器可讓你上傳圖片，並從預覽中的任意位置取樣精確的像素顏色。適用於設計配色比對、反推 UI 顏色、擷取調色盤與視覺檢查。
如何使用圖片取色器
- 將圖片上傳至工具中。
- 在預覽上任意位置點擊，即可取樣該像素顏色。
- 複製你需要的 HEX 或 RGB 值。
- 如果想從同一張圖片建立小型調色盤，可儲存多個色票。
了解圖片取色 ▾
範例
輸入
上傳產品截圖並點選按鈕背景色
輸出
複製準確的 HEX 和 RGB 值，並儲存色票以供日後參考
常見使用情境
- 從截圖或產品圖片取樣品牌顏色
- 從照片擷取 HEX 顏色以進行設計配色
- 從靈感圖片建立快速色票參考
- 重建 UI 元素前檢查準確的像素顏色
為何使用此工具
- 適用於設計系統、截圖與視覺逆向工程。
- 無需開啟圖形編輯器，即可取得準確的 HEX 與 RGB 值。
- 在本機執行，私人圖片會留在你的裝置上。
常見問題
如何從圖片中取色？
上傳圖片並點選預覽中的任一位置。工具會讀取所點像素，並立即顯示 HEX 與 RGB 值。
我可以儲存多種顏色嗎？
可以。使用「儲存色票」可保存多個已選取的顏色，方便快速比較與複製。
是否支援 HEX 與 RGB 輸出？
是。此工具會顯示目前所選像素顏色的 HEX 與 RGB 值。
上傳的圖片會傳送到伺服器嗎？
否。選色完全在您的瀏覽器內進行。