💧 從圖片中選取顏色
上傳任何圖片，將游標移到圖片上即可讀取每個像素的精確HEX和RGB顏色代碼 — 立即獲得，無需帳號、無需上傳、無需費用。內建的5倍放大鏡讓您可以精確定位單個像素，並會將您點選的每個顏色儲存到可瀏覽的歷史記錄中。
💧
將圖片拖至此處
或點選選擇 — JPG, PNG, WebP, GIF, BMP
隱私優先設計. 此工具完全在您的瀏覽器中運行 — 您輸入的內容不會上傳或儲存，而且它可以在離線狀態下使用。
關於
Color Picker from Image 網頁工具完全在您的瀏覽器中運作，使用 HTML Canvas API。當您載入圖片時，圖片會繪製在本地的畫布上 — 您的檔案永遠不會離開您的設備。此工具會採樣完整的像素資料，因此 HEX 和 RGB 值始終準確，即使圖片已調整為螢幕尺寸。5×5 像素的放大鏡網格可幫助您放大並精確地區分相鄰的顏色。Screen EyeDropper 按鈕（支援 Chrome 和 Edge）可將選取範圍擴展到螢幕上的任何地方。最多 24 個最近選取的顏色會儲存在瀏覽器的 localStorage 中，即使重新整理頁面也不會遺失，無需任何伺服器帳號。 每個採樣的像素也會報告其最接近的 PANTONE Solid Coated 號碼（例如 PANTONE 185 C），因此您可以將照片中的顏色轉向可印刷的潘通參考。
如何使用
- 將圖片拖放到上傳區域，或點選 'Choose image' 從您的設備中開啟 JPG、PNG、WebP、GIF 或 BMP 檔案。
- 將滑鼠移到圖片的任何部分 — 當您移動時，即時顏色樣本、HEX 程式碼和 RGB 值會即時更新。
- 檢查圖片下方的 5× 放大鏡網格，放大單個像素並精確找到您需要的顏色。
- 點選圖片以將顏色鎖定到您的歷史記錄中。最多可儲存 24 個樣本 — 點選任何樣本以複製其 HEX 程式碼。
- 使用 HEX 和 RGB 欄位旁的 'Copy' 按鈕，直接將值貼到您的設計工具或程式碼編輯器中。
常見問題
- 這個工具完全免費嗎？
- 是的。Color Picker from Image 完全免費，無使用限制、無註冊、無隱藏費用 — 現在和永遠都是如此。
- 我的圖片會上傳到伺服器嗎？
- 從來不會。您的圖片完全在瀏覽器中處理，使用 HTML Canvas API。沒有任何資料會傳送至伺服器，因此您的照片和設計資源始終完全私密。
- 我可以離線使用這個工具嗎？
- 可以。頁面載入後，工具可在沒有網路連線的情況下運作。所有顏色採樣都在瀏覽器中本地進行，使其非常適合在飛機上或網路連線不佳的地區使用。
- 這個工具輸出哪些顏色格式？
- 這個工具會為每個採樣的像素輸出 HEX（例如 #3a8fdf）和 RGB（例如 rgb(58, 143, 223)）。所有值都有單擊複製按鈕，可快速貼到 CSS、Figma、Photoshop 或任何設計工具中。
- 支援哪些圖片格式？
- 支援 JPG、PNG、WebP、GIF 和 BMP。您可以將檔案拖放到工具上，或使用檔案選擇器打開它。
- 我可以獲得圖片中顏色的潘通號碼嗎？
- 可以。當您在滑鼠懸停或點選時，工具會在 HEX 和 RGB 值旁顯示最接近的 PANTONE Solid Coated 匹配（例如 PANTONE 185 C），並附有複製按鈕，每個選取的顏色的潘通代碼也會出現在您的歷史記錄中。匹配使用感知 CIEDE2000 公式，僅作為近似 sRGB 參考——潘通專色油墨是根據物理特性定義的，而不是根據十六進制值。
- 此工具會上傳我的資料嗎？
- 不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。