图片颜色分析器
分析结果
等待上传图片...
支持格式: JPG, PNG, GIF, WebP, BMP
单文件最大: 10MB
提取 Logo 主色时，建议勾选 "忽略纯白背景"
文件管理
点击上传或拖拽图片到此处（单张，≤10MB）
暂无文件，请上传图片
工具详情
功能说明
图片颜色分析器不是简单的"取色器"，而是一个图像色彩量化与配色提取工具。它把图像中成百上千种颜色，压缩成一组可理解、可复用的主色、辅色与配色方案：
- 双量化算法：中位切分法速度快、效果稳定；K-Means 聚类更精细，适合渐变丰富的图片；
- 主色提取：可提取 4~12 个主色，直观展示每个颜色的占比分布条；
- 多格式色值：支持 HEX、RGB、HSL 三种格式切换显示，点击色卡一键复制；
- 色彩统计：输出平均饱和度、平均亮度、冷暖色占比等图像色彩画像；
- 七种配色方案：互补色、类似色、三角色、分裂互补色、四角色、方形、单色搭配，覆盖设计常用经典法则，方案色在操作面板即时预览；
- 结果导出：可下载 SVG 色卡文件，方便插入设计文档或演示文稿。
使用说明
- 上传图片：点击上传区域或拖拽文件到此处（单张，≤10MB）；
- 选择量化算法：默认中位切分法即可，渐变丰富的图片可切换 K-Means；
- 设置提取数量：根据图片色彩复杂程度选择 4~12 个主色；
- 按需过滤：分析 Logo、图标时建议勾选"忽略纯白背景"，避免背景色干扰主色；
- 点击「开始分析」，在左侧查看主色、占比与色彩统计；
- 选择配色方案后，操作面板中的「方案预览」会即时显示方案色，点击即可复制；同时页面自动滚动定位到下方配色方案区展示完整说明；
- 点击「导出色卡」下载 SVG 格式色卡文件。
专业术语解释
色彩量化（Color Quantization）
将图像中数量庞大的颜色（可达数百万种）压缩为少量代表性颜色的过程。压缩后的颜色集合既保留原图的视觉特征，又便于理解、复用与存储，是图像压缩与配色提取的基础技术。
中位切分法（Median Cut）
经典的色彩量化算法：把全部颜色看作三维 RGB
空间中的点，递归地沿颜色分布范围最大的通道在中位数处切分颜色空间，直到得到目标数量的颜色盒，每盒的平均色即为主色。计算速度快、结果稳定。
K-Means 聚类
一种迭代聚类算法：先给出 K
个初始中心色，反复将每个像素分配给最近的中心色并更新中心，直到收敛。本工具用中位切分结果作为初始中心，兼顾速度与精度，适合渐变、色彩层次丰富的图片。
HSV / HSL 色彩空间
与 RGB 等价的另一种颜色表示方式：H（色相，0~360°）、S（饱和度，0~100%）、L/V（明度，0~100%）。HSV/HSL
更符合人眼感知习惯，色相旋转也是生成互补色、类似色等配色方案的数学基础。
主色与色彩占比
主色是图像中占主导地位的代表性颜色；色彩占比指该颜色（及其邻近颜色）在整幅图像中所占的像素比例。占比越高，说明该颜色对整体视觉的影响越大，适合作为品牌色、主题色。
互补色 / 类似色 / 三角色（配色方案）
基于色相环的经典搭配法则：互补色（相距180°）对比强烈；类似色（相距30°左右）和谐统一；三角色（相距120°）活泼均衡；分裂互补、四角色与方形是前者的扩展变体；单色搭配则是同一色相按明度展开，最为稳妥。这些法则广泛用于海报、UI
与品牌设计。
注意事项
隐私保护
所有分析均在浏览器本地完成，图片不会上传到任何服务器，100%保护您的隐私安全。
采样与格式说明
为兼顾速度与精度，分析前会将图片降采样至最长边160像素（主色分析不受明显影响）；GIF 动图仅分析第一帧；BMP 等老旧格式可能因浏览器解码差异而失败。
使用建议
分析 Logo、图标、插画时，勾选"忽略纯白背景"可避免背景色挤占主色名额；分析照片时建议保持默认过滤设置；色值基于 sRGB 色彩空间，不同屏幕可能存在轻微显示差异。