Android 上的影像色彩選擇工具可透過在行動瀏覽器中載入本機影像，再點選想要的顏色，讀取所選像素的精確 HEX 與 RGB 值。
瀏覽器版的 Image Color Picker 無需安裝 Android 應用程式即可提供這項功能。在瀏覽器中開啟工具，從裝置選擇相片、螢幕截圖、標誌、模型或掃描 artwork，再取樣任何可見的像素。結果會以實色色塊顯示，並附上 HEX 色碼與 RGB 三元組；HEX 值可複製到剪貼簿。
從 Android 相片選取像素
完整的行動版工作流程會使用瀏覽器的檔案選擇器、螢幕上的影像畫布，以及精確的像素選取功能。依照下列步驟，即可從 Android 裝置中儲存的圖片取樣色彩：
- 在 Android 瀏覽器中開啟 Image Color Picker。 載入工具頁面並找到「Browse files」按鈕。不需要安裝應用程式或建立帳戶。
- 選擇影像。 點選「Browse files」，然後從瀏覽器開啟的檔案選擇器中選取 PNG、JPEG、WebP 或 GIF。圖片會在瀏覽器內呈現，而不會傳送至遠端服務。
- 將螢幕上的指標移至圖片上方。 即時色塊會預覽指標下方的顏色，讓你能在確定選取前找到想要的色階。
- 點選想要的像素。 工具會鎖定該位置的顏色。當影像小於螢幕時，點選位置會對應回原始圖片中的相應像素。
- 讀取 HEX 與 RGB 值。 查看實色色塊旁邊，即可取得所選顏色的 HEX 色碼與 RGB 三元組。色塊能讓你快速以視覺方式確認所選的精確值。
- 複製 HEX 色碼或取樣其他位置。 點選「Copy」即可將 HEX 值放至剪貼簿。若要比較選項，可點選不同的像素，並使用最近顏色紀錄列來檢視已收集的色塊。
這套工作流程會讓來源影像與色彩選取過程都保留在你的裝置上，也能免去憑肉眼從螢幕估算顏色，或在檢查前手動輸入數值的麻煩。
讀取每個色彩結果
選擇器會針對同一個所選像素提供多項資訊。了解每個讀數的含義，就能更容易將正確的值帶入下一個應用程式。
| 結果 | 提供內容 | 使用方法 |
|---|---|---|
| HEX 色碼 | 十六進位色彩，例如 #3b82f6 | 點選 Copy 將其放至剪貼簿，再貼到樣式表、設計檔、試算表或訊息中。 |
| RGB 三元組 | 紅、綠、藍數值，例如 rgb(59, 130, 246) | 可搭配 HEX 色碼一起閱讀，或手動輸入接受 RGB 表示法的工具。 |
| 實色色塊 | 所選像素的視覺呈現 | 確認取樣的色階是否符合原本打算選取的圖片區域。 |
| 最近顏色紀錄列 | 已取樣色塊的簡短歷史紀錄 | 比較多個位置，或返回本次工作階段中先前擷取的顏色。 |
文件所述的一鍵 Copy 操作會將 HEX 色碼放至剪貼簿。RGB 三元組僅供參考，並未描述為可單獨一鍵複製的目標。對於需要 RGB 表示法的工作流程，選取像素時請讓兩個值都保持可見。
由於歷史紀錄只保留近期取樣，而非圖片中所有色彩的完整清單，因此最好將它視為比較輔助工具。先取樣可能符合的色階，再移至其他位置，並比較產生的色塊，最後再複製最終值。
常見的 Android 取色工作
相同的像素選取流程適用於多種影像。主要差異在於你要點選的位置，以及之後需要重現的顏色。
| 工作 | 取樣位置 | 要使用的結果 |
|---|---|---|
| 配對品牌色彩 | 公司標誌內的單色區域 | 該品牌色階的精確 HEX 或 RGB 值 |
| 重建網頁模型 | 按鈕、邊框、背景或漸層區域 | 用於在 CSS 或設計工具中取得更接近視覺效果的色彩值 |
| 協調產品主題 | 包裝、Fabric 或純色背景區域 | 用於協調版面或模型的參考色彩 |
| 取樣掃描 artwork | 重點或參考區域中的代表性位置 | 用於在其他地方重現色調的色彩值 |
| 檢查介面螢幕截圖 | 平面圖示、標籤或控制項色彩 | 所選螢幕元素後方的精確像素值 |
這項工具的設計用途是依像素選擇個別色彩。它並不會自動產生完整色盤，也不會辨識各區域的設計意義。當數個相近色階都很重要時，請進行多次取樣，並在紀錄列中比較。
縮放影像為何仍能準確取樣
Android 會以比原始尺寸更小的尺寸顯示許多圖片，使其能舒適地容納於螢幕中。單純的色彩選擇器可能會誤讀縮放後的顯示位置，而非來源檔案中的正確位置。
Image Color Picker 會在保持完整視覺逼真度的瀏覽器畫布上繪製影像，並將你的觸控或點選位置對應回原始圖片。因此，即使影像已縮放以配合顯示器，讀數仍會與所選的原始像素相符。此工具讀取的是載入影像中一個已定義的精確位置，而不是要求你從一般螢幕預覽畫面判斷顏色。
若要取得更實用的品牌或設計值，請選擇色彩一致的區域，而非兩個區域之間的邊界。邊界像素可能合理地包含混合色階，因為那就是該精確座標上的顏色。如果第一次的結果未呈現預期色彩，請移至附近的單色區域再次取樣。
讓影像保留在你的裝置上
隱私保護已內建於處理方式中。圖片完全在瀏覽器內透過本機畫布開啟與處理，不會傳送到伺服器、儲存在雲端或分享給他人，也不需要登入。因此，這套工作流程適合用於機密模型、未發布的產品攝影，或其他你不希望上傳給第三方的敏感影像。
本機處理也免除了遠端選擇器伴隨的上傳等待與佇列。遠端服務並未施加檔案大小限制，但你自己的 Android 裝置仍有可用的儲存空間、記憶體與檔案處理限制。關閉分頁後，已載入的影像就會消失。支援的輸入格式包括瀏覽器可讀取的常見格式，例如 PNG、JPEG、WebP 與 GIF。
取樣後使用 HEX 色碼
選取色彩後，點選「Copy」並將 HEX 值貼到需要的位置。該值可用於 CSS 宣告、設計應用程式、試算表，或傳給同事的訊息。RGB 三元組也可同時取得，供使用 RGB 表示法的工具或對話使用。
取樣多個像素可建立實用的候選清單。例如，你可以擷取背景色與另一種重點色，再於紀錄列中比較色塊，決定要保留哪些值。工具可處理取樣與複製，但不會代你將影像或色彩傳送至其他服務。
了解格式與輸出限制
這套瀏覽器工作流程的輸入與輸出定義明確，因此能讓你放心使用：
- 輸入： 文件所述的流程會從透過「Browse files」選取的本機影像開始。它並未聲稱能使用相機擷取照片，或直接在 Android 系統圖庫中開啟。
- 格式： 瀏覽器可開啟 PNG、JPEG、WebP 與 GIF。工具並未將 SVG 或 PSD 等特殊設計格式列為輸入。
- 輸出： 每次選取都會提供精確的 HEX 色碼、RGB 三元組與實色色塊。其他色彩表示法並不包含在已驗證的輸出中。
- 剪貼簿： 一鍵 Copy 控制項專門用於 HEX 色碼。RGB 值則顯示供閱讀或手動輸入。
- 色盤範圍： 選擇器會讀取你選取的像素，但不會自動辨識或列出整張影像使用的每種顏色。
- 歷史紀錄： 紀錄列會儲存一組近期的簡短色塊供比較，並非作為永久色彩資料庫。
對大多數 Android 取色工作而言，這些限制都很直觀：準備一張本機影像、開啟瀏覽器工具、選取像素，再複製經驗證的 HEX 結果。來源檔案會留在裝置上，而你也會同時取得精確所選位置的數位色彩值與視覺色塊。
如需進一步了解，請參閱 Android 上的線上相片濾鏡：在本機編輯相片。