开发者 / SVG颜色
SVG颜色更改器：重新着色并复制SVG
检查明确写出的SVG颜色及其使用次数，编辑渐变色标和简单的CSS绘制规则，然后下载SVG或复制其代码。
SVG颜色更改器：重新着色并复制SVG: 查找fill、stroke、stop-color、color、flood-color和lighting-color属性、内联样式及简单样式规则中的明确绘制颜色标记。工具会规范化颜色名称、短十六进制颜色、rgb()和hsl()。除非清理过程需要修改，否则替换会保留源代码中的其他字节。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
选择或拖放SVG
SVG绘制
SVG的填充、描边和渐变停止点使用颜色值和绘制服务器引用。规范：https://www.w3.org/TR/SVG2/painting.html
颜色语法
解析器支持命名颜色、十六进制颜色、rgb()、hsl()和currentColor。如果提供了Alpha值，系统会予以保留。CSS变量和高级颜色空间不在此工具解析器的支持范围内。规范：https://www.w3.org/TR/css-color-4/
使用方法
- 拖放SVG文件，或粘贴其标记代码。
- 使用每个颜色选择器，或输入替换颜色；也可以一次性重新着色所有颜色标记。
- 比较修改前后的效果，然后下载或复制清理后的SVG。
隐私与限制
SVG代码会留在你的浏览器中。预览使用隔离的图片，危险内容和外部资源会被移除。
相关工具
常见问题
使用次数统计的是什么？
统计标记代码中明确写出的颜色标记，而不是渲染出的像素数量，也不是使用继承样式的元素数量。
支持渐变吗？
支持。可以更改渐变色标，而不会替换渐变ID或其引用。
currentColor有什么作用？
当SVG以内联方式嵌入时，currentColor会使用继承的CSS color值。除非SVG自身定义了color，否则图片预览通常使用黑色。
所有CSS颜色都会被解析吗？
不会。CSS变量、高级颜色空间、继承的默认值以及选择器计算结果不会被解析。工具支持简单的声明和选择器。
免费工具·使用在浏览器中次·无需账户