跳到主要内容

免费图片配色提取工具

直接从本地图片提取主色、HEX 色值和可复用配色 token,再去做设计评审或前端交接。

浏览器本地处理,保护隐私

先在本地提取配色和 HEX,再做设计评审或前端交接。

免费图片配色提取工具

Extract dominant colors and reusable HEX palette tokens from local images in the browser.

免费图片配色提取工具
直接从本地图片提取主色、HEX 色值和可复用配色 token,再去做设计评审或前端交接。

拖入文件或点击浏览

等待文件中

先添加一个文件再开始。

原始大小

-

颜色数量

-

主色

-

仅在浏览器本地处理,不上传。

提取出的调色板

等待文件中

CSS 变量

:root {
}

调色板 JSON

[]

小提示

  • 做 UI token 交接时用 4-6 色就够,做情绪板时再开到 8 色。
  • 工具会先在本地缩小预览图再采样,所以大图也能更稳更快。