圖片取色器運作機制與精確取色
本工具可讓您從本機裝置選取單一圖片檔案，並透過滑鼠指標或鍵盤微調，精確選取圖片中的任意像素以檢視其顏色數值。當您載入圖片時，系統會立即顯示該圖片中心像素的顏色數值與座標。
在圖片上移動指標時，工具會逐像素偵測並即時顯示當前位置的顏色。為了協助您進行精確的像素級選取，工具提供放大鏡功能，可放大顯示指標周圍的像素。當您在圖片上點擊滑鼠時，系統會將當前偵測到的顏色儲存至取色紀錄中。
除了使用滑鼠，您也可以透過鍵盤進行高精確度的操作。先點選圖片後，使用鍵盤上的方向鍵（↑、↓、←、→）即可移動準星來偵測顏色。在移動時，按住 Shift 鍵搭配方向鍵可將準星一次移動 10 個像素。當準星對準目標像素後，按下 Enter 或 Space 鍵即可儲存當前偵測到的顏色。
支援的圖片格式與尺寸限制
本工具支援多種常見的影像檔案格式，輸入限制為單一圖片檔案。可接受的副檔名與 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 像素，系統會自動將圖片等比例縮小。
輸出顏色格式與數值複製
當您選取像素後，工具會同時輸出三種主流的顏色模型數值：
- HEX：十六進位顏色代碼（例如：#FFFFFF）。
- RGB：紅（Red）、綠（Green）、藍（Blue）三原色數值。
- HSL：色相（Hue）、飽和度（Saturation）、亮度（Lightness）數值。
點擊介面上顯示的任何一個顏色數值（HEX、RGB 或 HSL），即可將該數值複製到剪貼簿中。如果瀏覽器安全設定阻擋了剪貼簿的存取權限，介面則會顯示提示：「複製失敗 —— 瀏覽器擋下了剪貼簿存取。」。
歷史紀錄與半透明像素處理
本工具的取色紀錄最多可儲存 12 筆顏色項目。當您成功儲存顏色時，系統會提示：「已儲存 {hex} 到取色紀錄。」。若尚未儲存任何顏色，紀錄區會顯示：「儲存的顏色會顯示在這裡,點色塊可重新載入。」。當紀錄區存滿 12 筆後，您可以點擊任何已存的色塊，將該顏色重新載入到主顯示面板中。
在處理包含透明度通道（Alpha Channel）的圖片時，工具會讀取該像素本身的獨立數值，而不會將其與背景顏色進行混合計算。如果選取的像素含有透明度，系統會額外顯示透明度資訊，格式為：「Alpha {n}% —— 這個像素是半透明的。」。此外，若兩個像素的 RGB 數值完全相同，但 Alpha 透明度數值不同，系統仍會將它們視為不同的顏色，並在取色紀錄中儲存為獨立的單筆項目。
若要清空所有資料，點擊「重新開始」按鈕即可清除目前載入的圖片、清空所有已存的顏色紀錄，並將工具重設回初始狀態。
影響像素數值精確度的因素
本工具會忠實呈現圖片檔案中所儲存的原始像素數值。然而，在實際應用中，您取到的數值可能會與預期有所偏差，這通常是由於以下技術因素所致：
- 影像壓縮：JPEG 格式採用破壞性壓縮演算法。在壓縮過程中，相鄰像素的顏色會被重新計算並合併，這會導致邊緣或細節處的顏色數值發生改變。
- 抗鋸齒（Anti-aliasing）：在螢幕截圖或向量圖形轉點陣圖的過程中，為了讓字體或圖形邊緣顯得平滑，系統會在邊緣產生漸變過渡的像素。這些因抗鋸齒產生的像素，其顏色數值會介於前景與背景色之間，而非純粹的前景色。
- 半透明度：如前所述，半透明像素（如 PNG 中的漸層陰影）在取色時僅會讀取其單獨的像素值，不包含其在軟體中疊加在背景上所呈現的視覺顏色。
本機端瀏覽器處理與隱私說明
本工具完全在您的本機瀏覽器中執行運算。當您選取並載入圖片時，瀏覽器會直接讀取您裝置上的檔案數據進行解碼與像素分析。圖片檔案不會傳送至任何外部伺服器，亦不會上傳到 BroBroGo。
常見問題
怎麼從圖片裡取色?
把滑鼠移到圖片上,面板會即時顯示指標下方像素的顏色,放大鏡會放大局部,方便你對準到具體那一個像素。點一下就把這個顏色存進取色紀錄。你也可以先點選圖片,用方向鍵移動準星,再按 Enter。
能得到哪些顏色格式?
每取一個像素,都會同時給出 HEX、RGB、HSL 三種寫法。點任一個數值即可複製,直接貼進 CSS 或設計軟體裡使用。
為什麼取到的顏色有時和預想的不一樣?
你拿到的是圖片裡那個像素實際存下的顏色值。如果圖片是 JPEG 或螢幕截圖,壓縮和抗鋸齒可能早已讓邊緣像素出現細微偏差;而半透明像素是按它自身讀取的,不含它背後的內容。