图片取色 - 提取颜色为 CSS 变量
上传图片，提取主色调并生成 CSS 变量、Tailwind 配置或 SCSS 变量。开发者的快速取色工具。
拖拽图片到此处，或点击上传
JPG, PNG, WebP · 单个文件
文件不会上传到任何服务器，所有处理均在浏览器本地完成。
常见问题
颜色提取的原理是什么？
工具采样图片像素，使用中位切割颜色量化算法找出最主要的颜色。它将相似颜色分组并返回最具代表性的色彩。
支持哪些输出格式？
三种格式：CSS 自定义属性（--color-1, --color-2 等）、Tailwind CSS 配置（extend colors 对象）和 SCSS 变量（$color-1, $color-2 等）。一键复制。
可以调整颜色数量吗？
可以。通过滑块选择 3 到 12 种颜色。较少颜色提取最主要的色调，较多颜色则能捕捉细微变化和图片中的次要色彩。
You might also need
Get free image tips & tool updates
Join 1,000+ designers & developers. No spam, unsubscribe anytime.