图片取色与调色板生成

基于 K-Means 聚类算法的图片主色调智能提取与像素放大镜取色器，支持主色系分布统计、CSS 变量、Tailwind 配置导出与调色板色卡下载。

色板数量:
Upload Source

提取的主色调色板

继续处理

完成当前任务后，您可以继续进行以下关联操作
色彩工作室

专业级色彩转换与调色板生成工作台，支持 HEX / RGB / HSL / HSV / CMYK 空间互转、Tailwind 50-950 色阶生成、WCAG 2.1 可访问性对比度检测与和谐配色方案。

二维码工作室

专业级二维码生成与纯本地识别扫描工作台，支持 URL / 文本 / Wi-Fi / 名片 / 电话模板、嵌入自定义 Logo、高容错调节、前背景色定制与 SVG/PNG 高清导出。

相关工具

图片编辑器

上传图片 ➔ 进行在线自由裁剪、旋转调整、滤镜调色与画笔标注

图片压缩

拖入多张图片 ➔ 调整自适应压缩质量 ➔ 减小文件 MB 体积并批量打包

SVG 优化压缩

专业级 SVG 矢量图代码深度压缩与精简工具，支持移除 XML 冗余/注释/编辑器元数据、浮点数精度截断、实时渲染对比、React JSX 组件转换与 Data URI 导出。

客户端本地计算 · 数据零上传

使用指南

  • 1. 拖入或上传任意 JPG、PNG、WebP 图片，系统将自动进行色彩聚类分析。
  • 2. 移动鼠标在图片上使用实时放大镜吸管精准拾取任意像素色彩。
  • 3. 复制生成的 CSS 变量、Tailwind 色彩配置或导出专业调色板 PNG 色卡。

技术优势与安全边界

  • 1. 采用 K-Means 快速聚类算法，智能剔除透明背景并提取权重最高的代表性色彩。
  • 2. 支持 6 到 12 阶可调主色调数量提取。
  • 3. 本地 Canvas 内存解析，图像数据不上传服务器。

常见问题 FAQ

Q: 吸管取色器支持高分辨率图片吗？
A: 支持。取色器会以图片原生分辨率映射坐标，保证拾取到真实的原始像素 RGB 与 HEX 值。
Q: 可以将提取的颜色流转到色彩工作台吗？
A: 可以。点击每个色块右侧的流转按钮，可一键发送至色彩工作台 (Color Studio) 进行深浅色阶生成与 WCAG 检查。