這款免費圖片取色器支援上傳或貼上圖片，懸停放大預覽，點擊任意像素複製精確色值 — 全部在本地處理。
圖片取色器 — 將照片拖到下方
上傳或貼上您的圖像
將檔案拖曳到此處，選擇圖像，或使用 Ctrl+V / Cmd+V 貼上螢幕截圖
提示：複製影像，然後在此頁面上的任何位置按 Ctrl+V 或 Cmd+V
未選擇顏色
上傳圖像，然後點擊像素
您最近選擇的顏色將顯示在此。
圖像顏色選擇器可協助設計人員、開發人員和行銷人員從任何照片中獲得準確的顏色值，而無需安裝桌面軟體。這個免費的圖像顏色選擇器完全在您的瀏覽器中運行：上傳螢幕截圖、品牌資產或參考照片，然後單擊任何像素即可立即複製 HEX、RGB、HSL 或 CMYK 代碼。與基於伺服器的吸管器不同，您的文件永遠不會離開您的設備 - 非常適合機密模型、客戶交付成果和快速情緒板採樣。無論您需要網站捕獲中的藍色徽標、產品照片中的織物色調，還是 UI 螢幕截圖中的漸變停止點，一個圖像顏色選擇器會話都會為您提供像素完美的值以及從同一文件中提取的自動六色調色板。
拖曳、瀏覽檔案、從剪貼簿貼上或嘗試上面工具中的範例圖像。圖像顏色選擇器讀取記憶體中的檔案 - 沒有雲端上傳步驟。當您的瀏覽器可以解碼時，支援 JPG、PNG、WebP、GIF、AVIF 和 HEIC。
將遊標移到照片上即可查看放大的像素網格。點選所需的確切像素，影像顏色選擇器會鎖定面板中的 HEX、RGB、HSL 和 CMYK 值。使用箭頭鍵達到一像素精度，然後按 Enter 確認。
每種格式都有一個一鍵複製按鈕 - 貼上到 CSS、Figma、Canva 或列印規格。最近的選擇保留在側欄中，因此您可以比較同一圖像顏色選擇器會話中的樣本，而無需重新單擊。
您的影像保留在您的裝置上。此圖像顏色選擇器對於客戶端螢幕截圖、未發布的設計和無法上傳到第三方伺服器的內部模型是安全的。
變焦鏡頭跟隨您的遊標，因此您可以點擊抗鋸齒文字、1px 邊框和漸變停止點。影像色彩選擇器從全解析度像素資料中取樣，而不是模糊縮放預覽。
點擊一下即可獲得 HEX、RGB、HSL 和 CMYK — 每個都有一個用於 CSS、設計工具或列印傳遞的複製按鈕。從影像中選擇顏色後，無需手動切換選項卡或轉換值。
載入影像時會自動提取六個主要樣本。點擊任何樣本將其加載到顏色面板中，並比一次採樣一個像素更快地建立匹配方案。
從螢幕截圖中搭配競爭對手的藍色按鈕，從參考儀表板中取得中性色，或複製 CSS 變數的漸變停止點。與在單獨的應用程式中猜測十六進位值相比，影像顏色選擇器可以節省時間。
從 PDF 匯出、社交貼文或活動攝影中提取準確的標誌顏色。當您重建資產或擴展行銷活動的調色板時，請保持品牌指南的準確性。
實施設計時，從模型或生產螢幕截圖中取樣顏色。將 RGB 或 HEX 直接複製到樣式表中，無需開啟設計檔案。
在協調數位和印刷交付成果時，取得 CMYK 值以及 HEX 和 RGB。對於將照片參考與墨水規格或包裝樣張進行配對非常有用。
對細線、文字抗鋸齒或圖示邊緣進行取樣時，請在按一下之前懸停。影像顏色選擇器放大鏡顯示 11×11 像素網格，因此您可以選擇所需的陰影，而不是相鄰像素。
HEX 和 RGB 適合 Web 和應用程式工作；當您想要調整程式碼的亮度時，HSL 會有所幫助； CMYK 支援列印對話。從一個選擇中複製所有四個，而不是在其他地方轉換。
主樣本可以快速概覽影像。點擊一個色樣作為基調，然後在同一影像顏色選擇器會話中使用附近像素上的吸管來微調強調色。
所有解碼和採樣都在您的瀏覽器本地進行。若要在選擇顏色後調整亮度，或為社交貼文建立完整的調色板，請參閱下方連結的相關免費圖像工具。
開啟此影像色彩選擇器，放置或貼上影像，將遊標移到照片上以查看放大的像素視圖，然後按一下所需的確切像素。 HEX、RGB、HSL 和 CMYK 值立即出現在顏色面板中。
不會。一切都使用 Canvas API 在瀏覽器本地運行。當您使用此線上影像顏色選擇器時，您的影像永遠不會離開您的裝置。
每個選擇都會給出 HEX（例如 #E5A54B）、RGB、HSL 和 CMYK - 每個選項都有一個一鍵複製按鈕。您可以在格式之間切換，而無需再次選擇像素。
是的。圖像載入後，六種主色就會被提取到調色板中。點擊任何樣本將其加載到顏色面板中 - 這是在精確滴管點擊之前探索色調的快速方法。
該工具以全解析度讀取原始像素資料。對於單像素精度，請使用箭頭鍵一次移動一個像素（按住 Shift 鍵十次），然後按 Enter 鍵進行拾取。
您的瀏覽器可以顯示的任何格式：JPG、PNG、WebP、GIF、AVIF、BMP、HEIC 和 SVG 只要您的瀏覽器支持，都可以在此圖像顏色選擇器中使用。
