拖放圖片到這裡
已就緒。
僅本機處理
支援 JPG、PNG、WebP，最大 25 MB。
拖放圖片到這裡
使用 JPG、PNG 或 WebP 提取主色。
顏色會在你的瀏覽器中取樣。
調色盤設定
選擇要提取的顏色數量。
取樣說明
- 顏色是基於取樣像素估算出的近似主色。
- 點擊色塊可以複製 HEX 色值。
- 可以下載或複製 CSS 變數，方便設計交付。
提取的調色盤
提取出的顏色會顯示在這裡。
提取出的顏色會顯示在這裡。
這個圖片調色盤提取工具是什么？
這個工具会对本機圖片进行像素取樣，并提取近似主色。你可以复制 HEX、RGB、HSL 色值，也可以将調色盤匯出为 CSS 變數。
隱私說明
圖片会保留在你的瀏覽器中。工具不会上傳檔案，也不会在伺服器儲存檔案。
主要功能
- 从圖片本機提取主色
- 复制 HEX、RGB 和 HSL 色值
- 產生 CSS 自訂属性
- 下載調色盤 CSS
- 无需第三方函式庫即可快速取樣
使用方法
-
添加圖片
選擇或拖入一张 JPG、PNG 或 WebP 圖片。
-
選擇數量
選擇調色盤中需要多少个颜色。
-
提取颜色
瀏覽器会取樣像素并合併相近颜色。
-
复制色值
点击色块，或复制產生的 CSS 變數。
常見問題
圖片会上傳吗？
不会。像素取樣会在你的瀏覽器标签页中完成。
颜色是完全精確的吗？
它们是基于取樣像素估算出的近似主色。
可以在專案中使用這些 CSS 吗？
可以，复制或下載產生的 CSS 變數即可。
為什麼会忽略透明像素？
透明像素没有可見颜色，因此会被跳过。