无需登录 数据私有 本地保存

图片配色提取器 - 从任何图片生成调色板

7
0
0
0
拖拽图片到此处

或点击选择文件

支持 JPG / PNG / WebP / SVG
图片预览区域
预览图片
快速体验：
🎨 提取的调色板
6
上传图片后自动提取配色
📖 常见问题与知识点

本工具采用中位切分法（Median Cut）进行颜色量化。该算法将图片中的所有像素按颜色空间递归分割：每次找到像素颜色范围最大的通道（R/G/B），按其中位数将像素桶一分为二，直到桶的数量达到目标颜色数。最终每个桶的平均颜色即为提取的主色调。这种算法由Paul Heckbert在1982年提出，至今仍是图像颜色量化的经典方法，能很好地保留图片的色彩特征。

HEX（如 #FF6B6B）是网页设计中最常用的16进制颜色表示法，简洁紧凑。RGB（如 rgb(255,107,107)）通过红绿蓝三通道数值定义颜色，取值范围0-255。HSL（如 hsl(0,80%,71%)）则从色相(Hue)、饱和度(Saturation)、亮度(Lightness)三个维度描述颜色，更符合人类对色彩的直觉感知，便于进行颜色调整和主题设计。三种格式可以互相转换，本工具支持一键切换。

提取的配色方案可广泛应用于：UI/UX设计（定义品牌色、组件色）、网页设计（CSS变量、主题色）、平面设计（海报、品牌物料配色参考）、插画创作（从参考图中提取色彩灵感）、数据可视化（图表配色）、室内设计（空间色彩搭配参考）等。本工具支持导出为CSS变量和JSON格式，方便直接集成到开发工作流中。

中位切分法基于像素数量统计来提取颜色，而人类视觉对色彩区域的感知受面积、对比度、色彩饱和度等多种因素影响。比如图片中大面积的低饱和度背景色可能被算法识别为主色，而视觉上更突出的小面积高饱和色块可能排名靠后。您可以调整提取的颜色数量来获得更全面的色彩分布。对于需要更符合视觉感知的结果，可以考虑使用K-means聚类等替代算法。

完全在本地处理，不会上传到任何服务器。图片通过浏览器的Canvas API在您的设备上完成所有像素分析，您的隐私得到充分保护。为了确保处理速度，工具会自动将图片缩放至合理尺寸（长边不超过400px）再进行计算，因此即使上传高分辨率照片也能快速响应，通常几毫秒内即可完成提取。
🔧 相关工具