使用步驟
- 選擇圖片、拖到這裡,或按 Ctrl+V 貼上截圖。
- 在圖片上移動,放大鏡會顯示精確的畫素。
- 點選取色,複製 HEX、RGB 或 HSL 格式。
- 在「主色調」中檢視圖片的主要顏色及各自佔比。
引數說明
- 顏色數
- 要提取幾種主色。會把相近的畫素歸為一組,顯示每組的平均色,並按在圖片中所佔的面積排序。
使用示例
對照品牌色。 貼上 Logo 的截圖,點一下就得到 HEX 色值。
從照片中提取配色。 上傳一張風景照,複製 5 種主色用於設計。
常見問題
主色調是怎麼計算的?
使用中位切分演算法:把圖片中的顏色反覆分成相近的幾組,每組的平均色就是一種主色。透明畫素不參與計算。
為什麼取到的顏色和設計稿有細微差別?
顏色是在瀏覽器把圖片轉換為 sRGB 之後讀取的。Display P3 等廣色域圖片會被轉換,JPEG 壓縮也會輕微改變單個畫素。在大面積的純色區域取色最準確,避開邊緣。
圖片會上傳嗎?
不會,圖片在瀏覽器中讀取。
隱私說明
本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。