從圖片擷取顏色

查看指標下的即時像素、鎖定一個渲染像素,並複製其 HEX、RGB、HSL 或 HSV 值;有透明度時也會包含。

即時像素預覽四種複製格式支援 Alpha 值

在圖片上移動指標,或在觸控螢幕拖曳以檢視像素。使用方向鍵精準移動,再按 Enter 或 Space 鎖定。

目前取色器限制

  • 每次選取只取樣一個渲染像素;不會平均鄰近像素,也不會按物件辨識顏色。
  • 工具不會自動建立調色盤,也不能匯出一組色票。

如何從圖片取色

三步查看並複製精確的渲染像素。

01

上傳圖片

從裝置選擇支援的 JPG、PNG、WebP 或 AVIF。

02

查看即時像素

在圖片上移動指標、於觸控螢幕拖曳,或使用方向鍵預覽一個渲染像素的顏色。

03

鎖定並複製

點擊、按 Enter 或 Space 鎖定選取顏色,再複製其 HEX、RGB、HSL 或 HSV 值。

可直接複製的像素級顏色值

即時與鎖定取樣

即時顏色會隨指標或鍵盤位置變化,選取顏色會鎖定供複製。

HEX、RGB、HSL 與 HSV

依設計或開發流程所需的格式複製鎖定像素。

辨識透明度的輸出

透明像素會在八位 HEX、RGBA、HSLA 與 HSVA 輸出中包含 Alpha 值。

圖片取色器常見問題

即時顏色和選取顏色有何不同?
即時顏色會隨檢視圖片而改變。選取顏色是點擊、按 Enter 或 Space 鎖定的那個渲染像素,其數值會保留供複製。
取色器會包含透明度嗎?
會。像素不是完全不透明時,複製的 HEX、RGB、HSL 與 HSV 值都會包含 Alpha 通道。
可以自動建立調色盤嗎?
不可以。工具一次只讀取一個渲染像素,不會從圖片自動建立調色盤。

在下一次編輯中使用取樣顏色

開啟其他圖片工具以套用、調整或準備原始圖片。