调色板提取器
上传图片后用中位切分算法智能提取主色调，生成可编辑的调色板并导出为CSS或JSON，方便设计师从参考图中快速获取配色方案用于项目。
🎨 Median-Cut Palette Extractor
Upload an image and extract its dominant colours with the median-cut algorithm, then edit and export the palette as CSS or JSON.
📐 计算公式 / 原理
中位切分：在 RGB 空间沿像素分布最长的颜色轴递归取中位分割，直至达到目标色数 k
基于中位切分（median-cut）色彩量化：反复沿最长颜色轴中位切分，得到 k 个代表色，相比平均法更能保留画面主色调；可编辑并导出 CSS 或 JSON。
拖拽图片到此处，或点击选择文件
支持 JPG、PNG、WebP、BMP 格式
提取结果
导出调色板
▼
调色板提取器是一款纯前端图片颜色分析工具，采用中位切分法（Median Cut）算法，从上传的图片中智能提取主色调，帮助设计师和开发者快速获取配色方案。
功能特点
- 中位切分法颜色量化算法
- 支持拖拽和点击上传图片
- 5/8/10/12 色自由选择
- 按频率、亮度、色相排序
- 导出 CSS / JSON / SCSS / Tailwind
- 纯前端处理，图片不上传服务器
使用场景
- 提取设计稿/照片的主色调
- 为项目生成配色方案
- 分析品牌视觉色彩构成
- 创建 CSS 变量和设计 Token
📚 深度解析：调色板提取器
💡 常见使用场景
- 从参考图取色。
- 品牌图派生配色。
- 插画主色分析。
提取海报主色
<p><strong>输入：</strong>上传海报。</p><p><strong>处理：</strong>像素统计取前 N 主色。</p><p><strong>输出：</strong>主色 HEX 与占比，可复制。</p>
❓ 常见问题（FAQ）
- 透明背景影响吗？
- 透明像素通常不计入主色统计，避免被背景色干扰。
- 色数限制多少？
- 取前 N 主色即可；色数越多越接近原图但越杂，一般 5~8 色够用。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
⚠️ 使用说明与注意事项
- 本工具纯前端运行，数据不会上传到服务器
- 建议在主流浏览器（Chrome/Safari/Firefox/Edge）中使用
- 计算结果仅供参考，请以实际应用场景为准