🎨 调色板提取器

上传图片,智能提取主色调,生成调色板并导出为 CSS / JSON

📁
拖拽图片到此处,或点击选择文件
支持 JPG、PNG、WebP、BMP 格式
预览图片
正在分析颜色...

提取结果

导出调色板

🎨 工具介绍与常见问题

调色板提取器是一款纯前端图片颜色分析工具,采用中位切分法(Median Cut)算法,从上传的图片中智能提取主色调,帮助设计师和开发者快速获取配色方案。

功能特点

  • 中位切分法颜色量化算法
  • 支持拖拽和点击上传图片
  • 5/8/10/12 色自由选择
  • 按频率、亮度、色相排序
  • 导出 CSS / JSON / SCSS / Tailwind
  • 纯前端处理,图片不上传服务器

🎯 使用场景

  • 提取设计稿/照片的主色调
  • 为项目生成配色方案
  • 分析品牌视觉色彩构成
  • 创建 CSS 变量和设计 Token

常见问题

图片数据会上传到服务器吗?
不会。所有图片分析均在浏览器本地完成,通过 Canvas API 读取像素数据,不会上传到任何服务器。
支持哪些图片格式?
支持 JPG、PNG、WebP、BMP、GIF 等主流浏览器支持的图片格式。
提取的颜色不准确怎么办?
建议上传色彩丰富且分辨率适中的图片。纯白/纯黑背景占比过大会影响结果,可尝试裁剪掉大面积单色区域后再提取。