上傳圖片
將 JPG、PNG、WEBP 或 AVIF 圖片新增至工作區。
圖片顏色選取器
使用圖片顏色選取器，從支援的圖片中取樣渲染後的像素，並在儲存處理結果前檢視其顏色值。
支援 JPG、PNG、WEBP 和 AVIF 圖片。顯示即時取樣，並可鎖定選定顏色。顯示 HEX、RGB、HSL 和 HSV 數值，並提供支援透明度的輸出。
在圖片上移動指標，或在觸控螢幕拖曳以檢視像素。使用方向鍵精準移動，再按 Enter 或 Space 鎖定。
什麼是圖片顏色選取器？
圖片顏色選取器是一種專注於影像處理的工具，用於從上傳的圖片中選擇特定像素並讀取其顏色值。當您需要從設計、產品照片、截圖或品牌資產中獲取精確的取樣顏色，而非自動生成的調色盤時，這工具非常有用。
如何使用圖片顏色選取器
簡易的工作流程協助您從圖片檔案中選取顏色，並在儲存結果前確認數值。
取樣像素
在圖片上移動以預覽即時顏色取樣，然後鎖定您想保留的像素。
檢查數值
檢視 HEX、RGB、HSL 和 HSV 數值，包括可用的透明度輸出。
圖片顏色選取器的輸入、輸出與控制項
此工具接受常見的網頁圖片格式，處理選取的樣本，並提供可在儲存最終檔案前檢視的輸出。
輸入
上傳 JPG、PNG、WEBP 或 AVIF 圖片作為顏色取樣的來源檔案。
輸出
輸出為可供檢視的處理結果，並提供可下載的輸出檔案，其中反映選取的顏色資訊。
控制項
控制項包括即時與鎖定取樣、HEX、RGB、HSL 和 HSV 讀數，以及當透明度資訊存在時的透明度輸出處理。
圖片顏色選取器功能
專為從單一圖片結果進行精確且可檢視的取樣而建構，顏色格式易於複製到設計與生產工作中。
即時與鎖定取樣
在圖片上移動以預覽即時取樣，找到想保留的像素時鎖定顏色。
多重顏色格式
使用圖片 HEX 顏色選取器讀取 HEX 值，或在工作流程需要其他格式時切換至 RGB、HSL 和 HSV 數值。
支援透明度結果
當來源圖片包含透明度資料時，支援透明度的輸出有助於保留相關透明度資訊。
可檢視輸出
處理後，在下一步使用前檢視選取的顏色資訊與生成的輸出檔案。
何時使用圖片顏色選取器
當專案需要從圖片中獲取可靠的顏色樣本，而非生成的調色盤時，請使用此工具。
配對活動顏色
從活動圖形、社交貼文或截圖等圖片資產中選取顏色，以保持輔助視覺的一致性。
分享顏色數值
將選定的顏色交給設計、開發或行銷團隊成員時，從圖片中讀取 HEX、RGB、HSL 或 HSV 數值。
檢查支援透明度的顏色
從透明標誌、疊加層或可能包含不透明度資訊的介面擷取中取樣時，檢查透明度輸出。
圖片顏色選取器限制
此工具專為從來源圖片直接取樣像素而設計，因此具有明確的界限。
單一像素取樣
每次選擇從來源取樣一個渲染後的像素；不會平均相鄰像素或按物件識別顏色。
無調色盤匯出
此工具不會自動生成調色盤或從來源檔案匯出一系列色板。
依賴渲染圖片
如果來源在渲染視圖中存在壓縮失真、縮放、透明度或色彩管理差異，可能會出現視覺差異。
圖片顏色選取器常見問題
關於使用圖片顏色選取器及解讀取樣結果的常見問題。
圖片顏色選取器如何取樣顏色？
上傳支援的 JPG、PNG、WEBP 或 AVIF 檔案，然後選擇您想取樣的點。圖片顏色選取器讀取渲染後的像素，並顯示可用的顏色數值供檢視。
我可以從線上圖片檔案中選取顏色嗎？
可以。您可以在瀏覽器中線上使用此工具，並搭配支援的圖片。若您正在比較選項，請記住選擇基於一個渲染後的像素，而非平均區域。
它會顯示 HEX 顏色值嗎？
此工具顯示 HEX 值以及 RGB、HSL 和 HSV 數值。這使得它在您需要圖片 HEX 顏色選取器，同時也想要其他常見顏色格式用於交接時非常適合。
圖片顏色選取器免費使用嗎？
此處未聲明免費使用的承諾。本頁面描述可用的任務、支援的格式、控制項、限制以及可檢視的輸出行為。
相關圖片工具
其他 ClipCanva 工具可在取樣顏色前後協助準備或檢查圖片。