JavaScript正则匹配十六进制颜色码前两位并整体替换的实现求助

原代码问题定位 #

• 正则表达式中的^是行首锚定符，仅匹配字符串最开头、或开启多行模式后的每一行起始位置的内容。你的#9F6853均嵌在HTML属性内部，不在行首位置，因此无法被匹配。
• 原正则仅匹配#9两个字符，未匹配完整6位十六进制颜色的剩余字符，即使锚定正确也只会替换开头两位内容，不符合预期。

修正后代码 #

let str = `<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#9F6853;" d="M578.154,690.683
        c58.702-39.067,85.337-134.776,72.948-190.814C673.44,558.122,670.446,662.764,578.154,690.683z"/>
    <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#9F6853;" d="M659.886,459.995c-17.96-18.14-35.918-51.26-50.976-72.373
        c-15.351-21.524-33.064-37.037-66.514-37.725C616.591,331.003,627.848,404.626,659.886,459.995z"/>`;
// 修正后的正则：匹配所有以#9F开头的6位十六进制颜色值，全局匹配
let re = /#9F[0-9A-Fa-f]{4}/g;
let subst = '#ff4040';  
let result = str.replace(re, subst);

正则扩展说明 #

• 若需要不区分大小写匹配不同大小写的开头位（比如同时兼容#9fXXXX、#9FXXXX），可添加i修饰符，正则写为/#9F[0-9A-Fa-f]{4}/gi
• 若需要兼容3位简写格式的十六进制颜色（比如#9F6这类短码），可将正则扩展为/#9[0-9A-Fa-f]([0-9A-Fa-f]{4}|[0-9A-Fa-f])/g，同时覆盖3位、6位两种常见颜色码格式。

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