支持格式
支持的图片格式
常见静态图片都可以直接读取。GIF 会分析第一帧；透明 PNG 的完全透明像素会被忽略。
JPGJPEGPNGWebPAVIFGIFBMP
浏览器本地取色
图片颜色提取器
上传图片，自动生成主色调色板；也可以直接点击图片上的任意位置精确取色。
图片无需上传点击图片精确取色HEX、RGB 与 HSL
拖放图片到这里
JPG、PNG、WebP、AVIF、GIF、BMP · 最大 50.0 MB
本地处理 · 无需注册 · 无水印
图片始终留在你的设备上
颜色分析使用浏览器 Canvas 在本地完成，原图和提取结果都不会发送到服务器。
本地处理 · 无需注册 · 无水印
使用方法
三步生成图片调色板
从照片、截图或设计稿中快速找到可复用的颜色，适合品牌灵感、网页设计、插画配色、摄影分析和社交媒体素材。
- 01
添加图片
选择或拖放一张常见格式图片，浏览器会立即在本地读取。
- 02
查看或精确取色
选择 5、8 或 12 色调色板，也可以点击图片读取单个像素。
- 03
复制或导出
选择 HEX、RGB 或 HSL，复制整组颜色，或下载 CSS 变量。
FAQ
常见问题
图片会上传到服务器吗？
不会。图片解码、像素采样、主色聚类和精确取色都在当前浏览器内完成。
主色为什么和我看到的颜色略有差异？
主色板会把相近像素聚类成代表色，因此适合总结配色；需要精确值时，请直接点击图片取色。
支持透明 PNG 吗？
支持。完全透明的像素会被忽略，半透明和不透明区域会参与颜色分析。
如何在设计或代码中使用结果？
可以逐个复制 HEX、RGB 或 HSL，也可以复制整组颜色，或下载包含 CSS 自定义变量的文件。
相关工具
继续处理图片
使用场景
常见使用场景
- 从照片提取品牌或主题色
- 为网页、App 或海报建立配色参考
- 从截图中快速定位准确的 HEX 值
- 检查设计稿中的主色比例与层次
继续探索