调色板提取器

← ToolBox / 调色板提取器

🎨 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 格式
预览图片
正在分析颜色...

提取结果

导出调色板

🔗 相关工具

📈 CSS动画生成器（关键帧可视化） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱CSS动画生成器（关键帧可视化） 🎵 Web Audio 节拍器 - 免费生成器工具，在线节拍器 | ToolBox免费在线工具箱在线节拍器 🔳 二维码生成器（已有，可加强定制） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱二维码生成器（已有，可加强定制） 🏷️ 条形码生成器（EAN-13等） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱条形码生成器（EAN-13等） 📈 盒子阴影生成器（可视化调整） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱盒子阴影生成器（可视化调整）
🎨 工具介绍与常见问题 ▼

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

✨ 功能特点

🎯 使用场景

📚 深度解析：调色板提取器

💡 常见使用场景

提取海报主色
<p><strong>输入：</strong>上传海报。</p><p><strong>处理：</strong>像素统计取前 N 主色。</p><p><strong>输出：</strong>主色 HEX 与占比，可复制。</p>

❓ 常见问题（FAQ）

透明背景影响吗？
透明像素通常不计入主色统计，避免被背景色干扰。
色数限制多少？
取前 N 主色即可；色数越多越接近原图但越杂，一般 5~8 色够用。
会保存或上传我的内容吗？
结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
⚠️ 使用说明与注意事项