🎯 Image Color Picker

📐 工作原理與說明

本工具為純前端線上工具，資料在瀏覽器本地處理、不上傳伺服器，依據對應領域標準與規範進行計算或處理，結果僅供參考。工具名稱：圖片取色器 - 設計創意領域的線上工具。

Upload an image and click any pixel to read its HEX or RGB colour, with magnified sampling and a history of picks.

上傳圖片 (點選圖片取色) 預覽

請上傳圖片，然後點選圖片任意位置取色

HEX: #FFFFFF RGB: rgb(255, 255, 255) HSL: hsl(0, 0%, 100%)

📚 深度解析：圖片取色器

在截圖取一處橙

輸入：上傳截圖、點選橙色區。處理：讀該畫素顏色。輸出：#FF6B35 等可複製。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

色準嗎？: 受顯示屏與壓縮影響，作近似參考。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
兩種色對比度不夠會提示嗎？: 會按 WCAG 算出對比度值與等級，未達標會標紅提醒，便於及時換色或調深。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。