图片颜色提取器
上传图片后可在画布上移动鼠标实时取色，点击可锁定颜色并加入取色记录，支持一键复制 HEX、RGB、HSL、HSV。
导出提取颜色列表示意图
拖拽图片到这里，或点击上传
支持 JPG / PNG / WebP，建议使用清晰图片
请先上传图片开始取色
当前颜色（悬停）
HEX
#A9BBBDRGB
rgb(169, 187, 189)HSL
hsl(186, 13%, 70%)HSV
hsv(186, 11%, 74%)5x5 放大取色
支持键盘方向键微调选点
点击取色记录
点击图片任意位置可保存颜色记录
图片取色说明
本工具用于从图片中提取精确颜色值，适合 UI 设计、前端开发、配色分析、电商素材取色等场景。 鼠标移动可实时查看颜色，点击可锁定当前像素颜色。
使用步骤
- 上传图片或使用默认示例图。
- 在图片上移动鼠标，实时查看像素颜色。
- 点击保存取色记录，支持复制 HEX / RGB / HSI。
- 可使用方向键微调，按 Enter 快速选中。
- 最后可导出 HTML 色卡或导出全部记录。
常见用途
- 提取品牌主色和辅助色，用于网页或海报视觉统一。
- 从截图中还原按钮、背景、边框等具体颜色代码。
- 快速拿到 HEX/RGB/HSL/HSV 格式，提高开发效率。
常见问题 FAQ
图片颜色提取器支持哪些图片格式？
支持 JPG、PNG、WebP 等常见格式，上传后即可进行像素级取色。
如何精确选择目标颜色？
可结合 5x5 放大取色和键盘方向键微调，使用 Enter 快速选中当前像素。
导出 HTML 会包含哪些信息？
导出文件包含颜色色块、HEX、RGB、HSL、HSV 和坐标，便于团队共享和复用。
可以导出全部点击记录吗？
可以，点击记录区域提供“导出全部记录”按钮，一键导出所有已保存颜色。