【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具
提示:
请先选择取色来源并设置输出参数,再进入下一步拾取颜色。系统取色可直接调用设备的取色器;图片取色和批量分析均在本地完成。
取色来源
选择一个入口开始,也可以载入示例图片快速体验。
输出设置
保存设置后,下次打开会自动恢复。
提示:
图片取色请先选择图片,再点击图片上的目标像素。鼠标移动时会显示放大镜和当前坐标;批量图片只展示前 20 个文件,处理时会包含全部文件。
图片取色区
可上传图片或使用示例图片,点击画面即可拾取颜色。
等待图片
选择图片或载入示例后,在画面中点击取色。
0,0
尚未载入图片
坐标:-
当前颜色
支持 HEX、RGB、HSL、HSV、CMYK 与 LAB。
#2F80ED
白底对比:-
黑底对比:-
批量图片
提取每张图片的主色,文件名保持原名。
未选择批量图片
准备处理
提示:
点击任意格式右侧按钮即可复制,也可以导出 JSON、CSS、ASE 文本说明或 SVG 色卡。历史记录保存在本地,可随时清空。
颜色格式
当前颜色的常用开发与设计格式。
历史与调色板
点击色块可重新应用颜色。
批量结果预览
| 文件 | 主色 | HEX | RGB | 状态 |
|---|
使用说明
软件使用说明
- 设置取色来源:进入工具后先选择屏幕取色、图片取色或批量图片模式,并按需要设置HEX大小写、输出精度、历史数量和批量主色数量。
- 保存常用设置:点击“保存设置”可记录当前输出参数;需要恢复初始参数时,点击“恢复默认”。
- 屏幕取色:选择“屏幕取色”后点击“启动系统取色”,在目标位置点击即可获取颜色值。若当前设备不支持该能力,可改用图片取色。
- 图片取色:
- 点击“选择图片”载入本地图片,也可以点击“载入示例”体验流程。
- 图片显示后,将鼠标移动到目标区域查看放大镜和坐标。
- 点击目标像素后,工具会生成对应的HEX、RGB、HSL、HSV、CMYK、LAB等格式。
- 批量图片主色分析:
- 点击“批量图片”选择多张图片,界面仅展示前20个文件,其余文件仍会参与处理。
- 点击“开始批量分析”后,工具会为每张图片提取主色并生成结果。
- 处理完成后点击“下载ZIP”,可获得每张图片对应的JSON和CSS结果文件。
- 复制和导出结果:在“复制导出”步骤中,可单独复制某一种颜色格式,也可以复制全部结果,或导出JSON、CSS、SVG色卡和调色板文件。
- 管理颜色历史:每次取色都会加入历史记录,点击历史色块可重新应用该颜色;不需要保留时可点击“清空历史”。
常见问题
答:可能是当前设备环境不支持系统取色能力,或取色请求被取消。可以改用图片取色方式,先截取目标画面,再上传图片点击取色。
答:图片取色会读取点击位置的像素颜色。颜色表现可能受图片压缩、透明像素、显示设备色彩配置等因素影响,建议放大目标区域后再点击。
答:支持HEX、RGB、HSL、HSV、CMYK、LAB、XYZ和CSS变量输出,可用于网页样式、设计稿标注、品牌色整理和印刷色值参考。
答:批量结果会尽量沿用原图片文件名生成对应的JSON和CSS文件。遇到重名时,会在文件名后追加数字,避免覆盖已有结果。
答:颜色历史保存在当前设备中,除非手动清空或清理站点数据,否则会继续保留。可在设置中选择历史记录数量。
答:不会。图片取色、批量主色分析和调色板导出都在当前设备本地完成,图片文件不会上传到服务器。