SVG转PDF/Inkscape打开全黑，颜色信息丢失问题求助

你的SVG在Inkscape中打开时颜色全部丢失，转换为PDF后呈全黑状态，即便改用style属性设置颜色也无效，核心原因是8位十六进制颜色格式的兼容性问题。SVG 1.1虽支持#RRGGBBAA格式，但旧版本Inkscape及部分PDF转换工具对该格式解析存在bug，导致颜色无法正常渲染。

修复方案 #

将所有8位十六进制颜色（如#00b3aaff）改为标准6位十六进制（默认全不透明）或rgba()函数格式，同时确保图形元素渲染顺序合理。修复后的代码如下：

<svg version="1.1" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg">
  <!-- light-blue-green: #00b3aa -->
  <!-- light-blue-green: rgba(0, 179, 170, 1) -->
  <!-- dark-blue-green: #018273 -->

  <!-- light-gray: #efeae0 -->
  <!-- dark-gray: #aa9991 -->
  
  <!-- light-red: #ff786e -->
  <!-- dark-red: #be5652 -->

  <!-- background -->
  <path d="M30,150 a50, 50 0, 0, 1 240, 0" style="fill:rgba(0, 179, 170, 1)" />
  <path d="M30,150 a50, 50 0, 0, 0 240, 0" fill="#018273" />
  <path d="M35,150 a50, 50 0, 0, 0 230, 0" fill="#00b3aa" />
  <path d="M35,150 a50, 50 0, 0, 1 230, 0" fill="#018273" />
  
  <!-- ball -->
  <circle cx="50%" cy="10%" r="15" fill="#aa9991" />
  <path d="M140,19 a10,10, 45, 0, 1, 21,21 a10,8, 45, 0, 1, -21,-21 Z" fill="#efeae0"/>
</svg>

验证说明 #

修改后，Inkscape可正确解析颜色值，转PDF时也会保留所有色彩信息。若仍有异常，建议升级Inkscape至最新稳定版，或检查PDF导出设置中是否勾选了“忽略颜色”类选项。

内容的提问来源于stack exchange，提问作者mowi12