照片 HEX 碼與線上圖片取色器
這是一款免費的線上圖片滴管取色器，能讓你從任何照片中快速擷取 HEX、RGB 與 HSL 色調數值。操作完全在你的瀏覽器中完成，照片不會上傳至伺服器，不必註冊即可直接使用。
線上圖片取色教學：如何取得照片 HEX 碼
想要從照片或圖片中擷取精準的顏色，只需按照以下步驟操作：
- 點擊圖片區域選擇檔案，或點擊使用相機現場拍照。
- 在照片上按住並拖曳，游標或手指上方會出現圓形放大鏡，顯示十字準星下的像素。
- 鬆開按鈕即可鎖定顏色，下方會立即顯示對應的 HEX、RGB 與 HSL 數值，點擊任何數值即可複製。
如果需要微調位置，可以使用鍵盤方向鍵進行單像素移動，按住 Shift 鍵則可一次移動十像素。
圖片取色與取樣範圍設定
除了單一像素取色，點擊齒輪圖示可以切換取樣範圍。在一般情況下，單像素會精準讀取交叉點下的數值。
當照片帶有雜訊、紋理（例如布料、皮膚或植物）或是暗光拍攝時，切換為 3x3 或 5x5 平均取樣能將周圍像素混合，取得更穩定且代表性的顏色結果。
取色器線上查色：自動對應顏色名稱
鎖定顏色後，系統會自動在色塊旁顯示最接近的顏色名稱。這是透過將色彩轉為 CIELAB 空間，並計算 Delta E 最小距離來尋找最接近的色彩。
你可以在取樣設定中切換「色彩命名來源」，選擇標準網頁色彩（如 cornflowerblue）或 Material Design（如 Deep Purple 500）。
線上取色自動產生配色調色盤
取色後，系統會保持相同的飽和度與亮度，自動旋轉色相環產生三種常見的搭配調色盤：
- 互補色：相差 180°，包含 2 種顏色。
- 類似色：相差 -30° 與 +30°，包含 3 種顏色。
- 三分色：相差 +120° 與 +240°，包含 3 種顏色。
點擊任何調色盤中的色塊，皆可直接複製其 HEX 色碼。
常見問題
如何使用取色器線上擷取照片的 HEX 碼？
載入照片後，在圖片上按住並拖曳放大鏡至目標位置，鬆開後即可鎖定顏色。下方會顯示 HEX 色碼（例如 #FF8800），點擊即可複製。
如何在線上圖片取色時取得 RGB 數值？
鎖定照片上的目標位置後，下方會顯示 RGB 欄位（例如 rgb(255, 136, 0)）。直接點擊該欄位即可將數值複製到剪貼簿。
如何在手機上進行線上圖片取色？
點擊圖片區域從手機相簿選擇照片，或點擊「使用相機」即時拍照。在螢幕上按住拖曳時，放大鏡會顯示在手指上方，不會遮擋視覺。
這款線上取色工具支援哪些圖片格式？
支援常見的 JPG、PNG 與 WebP 格式。iPhone 的 HEIC 照片以及相機 RAW 檔案也會自動在你的裝置上完成轉換並讀取。
為什麼取樣時要選擇 3x3 或 5x5 平均？
照片中的單一像素容易受到雜訊影響。選擇 3x3 或 5x5 平均可以平滑周圍像素，在拍攝皮膚、布料或植物時能獲得更準確的顏色。
我的照片會被上傳到伺服器嗎？
完全不會。所有圖片讀取與色彩分析均在你的瀏覽器內完成，不會上傳任何資料至伺服器，關閉網頁後也不會保留任何紀錄。
