跳到正文
馬克工具箱

圖片取色器

上傳圖片,點選任意畫素即可得到它的精確顏色(HEX、RGB、HSL)。放大鏡顯示游標下的畫素,主色調區域會自動找出圖片中的主要顏色。

在瀏覽器本地執行,輸入的內容和檔案都不會上傳

或把檔案拖到這裡

也可以直接 Ctrl+V / ⌘V 貼上截圖

 

使用步驟

  1. 選擇圖片、拖到這裡,或按 Ctrl+V 貼上截圖。
  2. 在圖片上移動,放大鏡會顯示精確的畫素。
  3. 點選取色,複製 HEX、RGB 或 HSL 格式。
  4. 在「主色調」中檢視圖片的主要顏色及各自佔比。

引數說明

顏色數
要提取幾種主色。會把相近的畫素歸為一組,顯示每組的平均色,並按在圖片中所佔的面積排序。

使用示例

對照品牌色。 貼上 Logo 的截圖,點一下就得到 HEX 色值。

從照片中提取配色。 上傳一張風景照,複製 5 種主色用於設計。

常見問題

主色調是怎麼計算的?

使用中位切分演算法:把圖片中的顏色反覆分成相近的幾組,每組的平均色就是一種主色。透明畫素不參與計算。

為什麼取到的顏色和設計稿有細微差別?

顏色是在瀏覽器把圖片轉換為 sRGB 之後讀取的。Display P3 等廣色域圖片會被轉換,JPEG 壓縮也會輕微改變單個畫素。在大面積的純色區域取色最準確,避開邊緣。

圖片會上傳嗎?

不會,圖片在瀏覽器中讀取。

隱私說明

本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。

相關工具