SVG 改色工具

工具列出填充、描边与渐变色标中支持的明确颜色值。替换一个颜色会影响使用该颜色的匹配位置，并不是只选择某一个对象。如果标志和背景使用同一蓝色，两者可能一起变化。只想修改一个元素时，请使用 SVG 代码编辑器，或先将它的颜色区分开。

fill 控制形状内部，stroke 控制轮廓，图标可能同时使用两者。对比前后预览，不要假设改填充色就能改变所有线条。渐变可能含有多个色标，需要分别调整，才能保留过渡效果。

白底上清晰的品牌色，在深色背景上可能不易辨认。如果用作界面图标，也要检查悬停和禁用状态。本工具修改图形颜色，不会评估周围页面或自动选择符合对比度要求的配色。请保留原文件作参考。

CSS 变量、外部样式表及内嵌图片的像素颜色不在替换范围内。currentColor 由展示环境决定，不是固定颜色值。若列表中没有某个可见颜色，可用 SVG 编辑器检查源码。确认预览后下载新副本，设备上的原文件不会被覆盖。

可以先用一个深色轮廓、浅色填充的图标练习。用 SVG 改色工具打开，对照颜色列表和预览。先替换轮廓颜色，确认填充没有变化，再把填充改成第二个品牌色。如果多个无关图形一起变化，说明它们用了匹配的固定颜色。先到 SVG 编辑器给其中一个元素设置不同的颜色值，再继续替换。

即使调色板看起来完整，也可能有可见区域没有变化。它可能是位图、使用 currentColor，或者由外部样式表、CSS 变量决定颜色。此时应检查源代码里的定义，不必反复选择新颜色。处理渐变时，逐个检查受支持的色标颜色；需要渐变过渡时保留色标之间的差别。fill 为 none 表示没有填充，不是可以替换的已绘制颜色。

修改 SVG 颜色后下载独立副本，放在项目实际使用的背景上。在最终图标尺寸下检查细轮廓、重叠形状和透明间隙。这个工具不改变路径几何，也不能保证品牌调色板在每种场景下都有足够对比度。保留原文件，仅在目标位置需要栅格图片时，把改色后的 SVG 转为 PNG。