從圖片中取色
上傳圖片並點擊任意位置取色。使用放大鏡取得精確顏色值。支援複製 HEX、RGB 或 HSL 格式。
拖放圖片到此處或點擊瀏覽
支援 JPG、PNG、WebP 格式。
所有處理均在瀏覽器中完成，圖片不會離開你的裝置。
如何從圖片中取色
1
上傳圖片
拖放或點擊從裝置中選擇圖片。
2
點擊取色
在圖片上任意位置點擊以拾取顏色。使用放大鏡進行精確選擇。
3
複製顏色代碼
一鍵複製 HEX、RGB 或 HSL 格式的顏色值。
應用場景
UI 設計
從線框圖和設計稿中精確取色，建構像素級完美的使用者介面。
CSS 編碼
直接從設計檔案中取色，複製可直接使用的 HEX 或 RGB 值到樣式表中。
照片配色
從照片中擷取特定顏色，用於圖形疊加、文字或邊框的顏色匹配。
塗料選擇
從房間照片中識別精確顏色，用於尋找匹配的油漆色號或材料色卡。
無障礙檢查
拾取前景色和背景色，驗證對比度是否符合 WCAG 無障礙標準。
品牌合規
透過取色對比，驗證發布的圖片和素材是否使用了正確的品牌顏色。
常見問題
取色器的精度如何？
取色器讀取您點擊處的精確像素值。放大鏡幫助您精確定位目標像素。結果達到像素級精度。
支援哪些顏色格式？
我們支援 HEX（如 #ff0000）、RGB（如 rgb(255, 0, 0)）和 HSL（如 hsl(0, 100%, 50%)）格式。點擊任意格式旁的複製按鈕即可複製到剪貼簿。
我的圖片資料安全嗎？
是的，所有圖片處理都完全在您的瀏覽器中完成。您的圖片永遠不會上傳到任何伺服器。
HEX、RGB 和 HSL 格式有什麼區別？
HEX 是網頁設計中使用的緊湊十六進制表示法。RGB 透過紅、綠、藍通道值（0-255）定義顏色。HSL 透過色相、飽和度和亮度描述顏色，更直覺地調整色彩變體。
如何從高解析度或 Retina 圖片中取色？
我們的取色器在原始像素解析度下工作，不受顯示縮放影響。放大鏡功能可以讓你精確定位並拾取單個像素，即使在高 DPI 圖片中也能確保精準取色。
準備好取色了嗎？
上傳圖片，立即開始取色。免費、精確且保護隱私。