圖片檢色
點選照片中的像素取得精確的 HEX、RGB、HSL 顏色值。無需上傳。
選擇圖片在瀏覽器中處理 —— 不上傳
範例
擷取品牌色
輸入
Logo 圖片
輸出
#ff6347 · rgb(255,99,71)
建立調色盤
輸入
靈感照片
輸出
多個像素的 HEX、RGB、HSL
關於此工具
這個免費線上取色器讓你從圖片的任意一點擷取精確顏色 —— 只需放入一張照片並點擊任意像素，即可立即得到它的 hex 代碼、RGB 值和 HSL 值。完全在你的瀏覽器中執行，無須上傳。
使用方法
- 放入或選擇一張圖片（JPG、PNG、WebP、GIF 或 BMP）。
- 點擊圖片上任意一點以取該像素的顏色。
- 複製 hex 代碼或記錄 RGB 和 HSL 值。
- 取多個顏色 —— 最近 10 個會作為色塊儲存在下方。
使用情境
從 Logo 擷取品牌色、為設計專案匹配參考照片的顏色、識別精確的油漆或產品顏色，或從一張有靈感的圖片建立調色盤 —— 都無須離開你的瀏覽器。
常見問題
如何從圖片中取色?
放入或選擇一張圖片，然後點擊其上任意位置。工具會立即顯示你點擊的像素的 hex 代碼、RGB 值和 HSL 值。
我的圖片會上傳到伺服器嗎?
不會。圖片會繪製到你瀏覽器中的 HTML 畫布上。沒有任何資料離開你的裝置。
這個工具顯示哪些顏色格式?
它顯示 hex 代碼（如 #ff6347）、RGB 值（紅、綠、藍，0 到 255）和 HSL 值（色相角度、飽和度百分比、亮度百分比）。
可以複製 hex 代碼嗎?
可以。點擊 hex 代碼旁的複製按鈕即可複製到剪貼簿。
歷史裡能儲存多少個取過的顏色?
工具保留你最近取的 10 個顏色，顯示為色塊。點擊任意色塊可重新檢視該顏色的值。
可以當免費線上滴管工具用嗎?
可以。放入任意圖片並點擊任意像素即可擷取其精確顏色。這是 Photoshop、Illustrator 或 Figma 中滴管工具的瀏覽器版替代品。
相關工具