SVG 工具

SVG Color Changer

找出 SVG 中的实际颜色,一次替换相同颜色,为图标和插图搭配新配色。

SVG 内容仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

SVG Color Changer 适合给图标、标识和插图换色。工具列出常见颜色声明及出现次数,您可以选择替换颜色,查看处理后的静态效果,再下载新的 SVG。

如何使用

  1. 选择 SVG 文件或粘贴源码,点击读取颜色。
  2. 查看原颜色、色块和出现次数,为需要修改的颜色设置替换值。
  3. 应用颜色替换,检查填充、描边与渐变效果。
  4. 确认配色后复制或下载 edited-colors.svg。

功能说明

  • 识别 fill、stroke、stop-color、flood-color 和 lighting-color 中的常见颜色。
  • 支持十六进制、rgb、rgba 和常见颜色名称,以及属性与常见样式声明。
  • 按颜色声明替换,不把正文、元素 ID 或链接中的相同文字当作颜色修改。

哪些值不会作为普通颜色替换

  • none 表示不绘制颜色,currentColor 表示使用当前文字颜色,url(#gradient) 引用内部渐变或图案;这些值不会被当作普通色值替换。
  • 渐变需要修改各个颜色节点。颜色来自复杂继承或不支持的样式时,列表可能无法完整反映最终画面。
  • 主下载保留原文件中未修改的内容,包括注释与元数据,也可能保留脚本或外部引用。预览会过滤这些内容,您也可以另行下载安全过滤版 SVG。

SVG 安全说明

预览使用经过安全处理的静态副本,不运行脚本、点击事件或动画,也不加载外部图片、字体和样式。外部引用、内嵌网页和不支持的内容会被移除,因此预览可能与原文件不同。含 DOCTYPE 或自定义实体的文档不受支持。

SVG 文件或 UTF-8 源码最多 2 MiB,最多 20000 个节点(包括元素和文本),嵌套深度最多 96 层。内容过大或结构过于复杂时,请先简化文件。

隐私

SVG 内容仅在您的浏览器中处理,不会上传到服务器。

工具不会自动保存输入或结果。请在清空或离开页面前下载需要保留的文件,并保留原始副本。

FAQ

为什么有些 SVG 颜色不能直接修改?

部分外观来自继承、当前文字颜色、渐变或复杂样式,未必有可直接替换的固定颜色。请先查看颜色列表和预览。

currentColor 是什么?

它表示沿用当前文字颜色,而不是某个固定的十六进制颜色,因此不会作为普通色值替换。

url(#gradient) 为什么不是普通颜色?

它指向 SVG 内部的渐变或图案定义。需要换色时,应调整渐变中的具体颜色节点。

修改颜色会改变 SVG 结构吗?

替换针对实际颜色声明,不会将路径改成像素图片。主下载保留未修改内容;若选择安全过滤版,不支持的主动内容和外部引用会被移除。

返回开发者工具分类首页