圖片精確色碼擷取器 放大鏡輔助取色，一鍵複製 HEX／RGB／HSL
上傳圖片
將圖片拖曳到這裡
或點擊下方按鈕選擇檔案，支援 JPG、PNG、WEBP、GIF 格式
🔒 圖片僅在您的瀏覽器本機運算，不會上傳到任何伺服器
什麼是圖片精確色碼擷取器？
這是一款專為設計師、網頁工程師與簡報製作者設計的免費線上取色工具。只要拖曳或上傳一張圖片，將滑鼠移到想要的顏色上，畫面就會出現放大鏡即時顯示游標下的精確像素，點擊一下即可自動複製該顏色的 HEX、RGB 與 HSL 色碼，並收集進下方的調色盤中，方便一次比對多個顏色。
🔒 本工具100%在您的瀏覽器本機端運算，圖片不會上傳到任何伺服器，您的原始檔案與隱私完全不會外流。
誰會用到這個工具？
- 設計師與插畫師：從客戶提供的參考圖、品牌識別稿或競品截圖中，快速抓出精確的品牌色碼。
- 簡報與行銷製作者：從公司Logo或視覺素材中取出主色，讓簡報配色與企業識別完全一致。
- 網頁前端工程師：從UI設計稿截圖中取出CSS所需的HEX色碼，省去重新開啟設計軟體的時間。
- 攝影與美術愛好者：分析照片中的色調分佈，作為後製調色的參考依據。
HEX、RGB、HSL 是什麼？
這三者都是描述顏色的標準格式：HEX（例如 #4E8AB5）是網頁設計最常用的十六進位色碼；RGB 以紅、綠、藍三原色數值（0–255）組成；HSL 則以色相、飽和度、亮度描述顏色，更貼近人眼直覺的調色方式。想進一步了解色彩系統，可參考 Wikipedia：Web colors。
使用方法
- 拖曳圖片到上傳區域，或點擊選擇圖片按鈕。
- 將滑鼠移到圖片上任意位置，放大鏡會即時顯示游標下的精確顏色。
- 點擊該位置即可自動複製HEX色碼，同時加入下方調色盤；調色盤中每個色票都能個別複製HEX/RGB/HSL或刪除。
常見問題 FAQ
Q1：我的圖片會被上傳到伺服器嗎？
不會。本工具使用瀏覽器原生的Canvas技術在您的裝置本機端讀取像素顏色，圖片檔案從頭到尾都不會離開您的電腦或手機，重新整理頁面後資料也會自動清除。
Q2：螢幕取色按鈕為什麼沒有出現？
螢幕取色功能使用瀏覽器原生的 EyeDropper API，目前僅Chrome、Edge等Chromium系瀏覽器（95版以上）支援，Firefox與Safari尚未支援此API。若沒看到此按鈕，代表您的瀏覽器暫不支援，但主要的圖片取色功能不受影響，仍可正常使用。
Q3：取色結果會受圖片壓縮或格式影響嗎？
會有些微影響。JPG等具破壞性壓縮格式可能讓像素顏色與原始設計稿有些微色差，若需要精確的色碼，建議盡量使用PNG等無失真格式的原始圖檔進行取色。