图片取色 - 提取颜色为 CSS 变量

上传图片，提取主色调并生成 CSS 变量、Tailwind 配置或 SCSS 变量。开发者的快速取色工具。

拖拽图片到此处，或点击上传

JPG, PNG, WebP · 单个文件

文件不会上传到任何服务器，所有处理均在浏览器本地完成。

常见问题

工具采样图片像素，使用中位切割颜色量化算法找出最主要的颜色。它将相似颜色分组并返回最具代表性的色彩。

三种格式：CSS 自定义属性（--color-1, --color-2 等）、Tailwind CSS 配置（extend colors 对象）和 SCSS 变量（$color-1, $color-2 等）。一键复制。

可以。通过滑块选择 3 到 12 种颜色。较少颜色提取最主要的色调，较多颜色则能捕捉细微变化和图片中的次要色彩。

把商品照片变成影棚级大片——白底主图、模特试穿、整套 listing 套图。免费生成 5 张。

No spam, unsubscribe anytime.