PixPipePixPipe
100% 本地处理 • 图片不会离开您的设备

从任何图片提取配色方案

上传图片即时提取主色调。导出为 CSS 变量、Tailwind 配置或十六进制色值。

🎨

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

PNG, JPG, WebP

100% 本地处理。图片不会离开您的设备。

功能特点

智能 K-Means 提取

使用 K-means 聚类算法识别图片中的主色调。可调节颜色数量(3-12),获取完美配色方案。

开发者友好导出

一键导出为 CSS 自定义属性、Tailwind 配置或纯十六进制色值。下载 JSON 文件用于任何设计工具或工作流。

100% 浏览器端处理

所有取色处理均在浏览器本地完成。无需上传服务器,无需注册账号。图片始终留在您的设备上。

常见问题

取色是如何工作的?+
该工具使用 K-means 聚类算法将图片中的相似像素分组,识别主色调。高效采样确保即使大图也能快速得到结果。
支持哪些图片格式?+
支持上传 PNG、JPG 和 WebP 格式的图片。拖拽或点击即可选择文件。
可以调整颜色数量吗?+
可以。使用滑块选择 3 到 12 种颜色。调整后点击「重新提取」按钮生成新的配色方案。
有哪些导出格式?+
可以复制所有十六进制色值、导出为 CSS 自定义属性(--color-1、--color-2 等)、复制 Tailwind 配置对象,或下载 JSON 文件。
图片会上传到服务器吗?+
不会。所有处理完全在浏览器中使用 Canvas API 完成。图片不会离开您的设备,没有数据发送到任何服务器。

更多免费工具