圖片取色器運作原理與精確取色技術
圖片取色器是一款在瀏覽器內運行的工具，讓使用者從本機裝置選取圖片，並精確讀取圖中任意像素的顏色數值。當使用者載入圖片後，工具會立即顯示圖片中心像素的顏色值與座標。
使用者將指標移至圖片上方時，工具會逐像素進行取色，並提供放大鏡檢視畫面以輔助精確定位。在圖片上點擊滑鼠，即可將當前選取的顏色儲存至紀錄中。除了使用滑鼠，使用者亦可透過鍵盤的方向鍵在圖片上移動準星進行取色；在按住 Shift 鍵的同時按下方向鍵，準星會以 10 像素為單位移動。確定位置後，按下 Enter 或 Space 鍵即可儲存當前選取的顏色。
本工具的取色紀錄最多可儲存 12 個項目。若選取的顏色具有相同的 RGB 數值但 Alpha 透明度不同，系統會將其視為獨立項目分別儲存。
支援的圖片格式與尺寸限制
本工具支援單一圖片檔案的輸入，相容多種常見的影像格式與 MIME 類型：
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
若使用者拖入不支援的檔案類型，系統會顯示錯誤訊息：「不支援這種檔案類型，請換成 PNG、JPG、WebP、GIF、AVIF 或 HEIC 圖片。」。若圖片因損毀或格式問題無法讀取，則會顯示：「打不開這張圖片，它可能已毀損或格式不支援。」。
此外，為了維持瀏覽器的運作效能，若匯入圖片的最長邊超過 4096 像素，工具會自動將圖片等比例縮小。
輸出顏色模型與數值複製
當選取圖片中的像素後，工具會同時輸出三種主流的顏色模型數值，以便整合至網頁開發（如 CSS）或設計工作流中：
- HEX：十六進制顏色代碼（例如
#FFFFFF）。 - RGB：紅（Red）、綠（Green）、藍（Blue）三原色數值。
- HSL：色相（Hue）、飽和度（Saturation）、亮度（Lightness）數值。
使用者只需點擊介面上顯示的 HEX、RGB 或 HSL 數值，即可將該格式的顏色代碼複製到剪貼簿。若瀏覽器安全性設定阻止了此操作，介面會顯示提示：「複製失敗 —— 瀏覽器擋下了剪貼簿存取。」。
影響像素顏色值的關鍵因素
在數位影像處理中，取色器讀取並顯示的是圖片檔案中所儲存的精確像素值。然而，實際取得的數值可能會受到以下技術因素影響：
影像壓縮與抗鋸齒
JPEG 格式採用破壞性壓縮，而螢幕截圖在生成時往往會對文字或邊緣進行抗鋸齒（Anti-aliasing）處理。這些處理程序會重建邊緣像素，導致取色器讀取到的數值與設計時設定的原始純色存在細微偏差。
透明度（Alpha 通道）處理
若圖片包含半透明像素，工具會直接讀取該像素自身的顏色與透明度數值，而不會將圖片背後的背景色納入計算。當偵測到半透明像素時，介面會顯示：「Alpha {n}% —— 這個像素是半透明的。」。
本機處理與隱私保護
本工具的所有圖片解析與取色運算均直接在用戶的瀏覽器內完成。圖片直接從你的裝置讀取，不會離開瀏覽器，也不會上傳到 BroBroGo。
若要清空所有暫存資料，點擊「重新開始」按鈕即可清除已載入的圖片、清空取色紀錄，並將工具重設回初始狀態。
常見問題
怎麼從圖片裡取色？
把滑鼠移到圖片上，面板會即時顯示指標下方像素的顏色，放大鏡會放大局部，方便你對準到具體那一個像素。點一下就把這個顏色存進取色紀錄。你也可以先點選圖片，用方向鍵移動準星，再按 Enter。
能得到哪些顏色格式？
每取一個像素，都會同時給出 HEX、RGB 和 HSL 三種寫法。點任一個數值即可複製，直接貼進 CSS 或設計軟件裡使用。
為什麼取到的顏色有時和預想的不一樣？
你拿到的是圖片裡那個像素實際存下的顏色值。如果圖片是 JPEG 或螢幕截圖，壓縮和抗鋸齒可能早已讓邊緣像素出現細微偏差；而半透明像素是按它自身讀取的，不含它背後的內容。