rebeccapurple 是唯一以真实人物命名的 css 颜色关键字，值为 #663399，旨在纪念 eric a. meyer 的女儿并体现 w3c 包容性价值观，非功能升级；它明度低、灰度高，适合作为主色调而非强调色；需手敲全名、加十六进制 fallback 以兼容旧浏览器；不应用于 ie 或追求一致性的设计系统，亦不可替代 purple 作链接悬停（对比度不足）；与中文自创名“暮山紫”有本质区别，是 w3c 官方标准且目前唯一特例。
rebeccapurple 是什么，为什么它和其他颜色不一样
rebeccapurple 是唯一一个以真实人物命名的 CSS 颜色关键字，值固定为 #663399，用来纪念 Web 标准先驱 Eric A. Meyer 的女儿 Rebecca。它不是为了“丰富调色盘”而加的，而是 W3C 在 2014 年推动包容性命名实践时特例批准的——本质是价值观提案，不是色彩功能升级。
它和 purple（#800080）、darkmagenta（#8b008b）视觉接近，但明度更低、灰度更高，显得更沉稳；不适合替代高饱和紫色做强调色，更适合用作 UI 主色调或中性紫系基底。
在 CSS 里怎么写 rebeccapurple 才不会出错
必须手敲全名，rebeccapurple 没有缩写，VS Code / WebStorm 等主流编辑器不提供自动补全，输错一个字母（比如 rebeccaPurple 或 rebeccapurle）就失效，浏览器会回退到初始值（通常是 inherit 或 transparent）。
使用时要加 fallback：
button {
background-color: rebeccapurple;
background-color: #663399; /* IE 11 及更老浏览器不支持命名色 */
}
- IE 完全不识别
rebeccapurple，哪怕加了前缀也没用 - 所有现代浏览器（Chrome 47+、Firefox 43+、Safari 9.1+）都支持，但 Safari iOS 9.3 之前需注意
- 不能写成
color: REBECCAPURPLE——虽然规范说不区分大小写，但部分旧版构建工具（如某些 PostCSS 插件）会误判为非法值
什么时候该用，什么时候不该用 rebeccapurple
该用：设计系统已明确定义它为品牌主色之一，且团队共识它代表某种语义（如“可访问性优先”“致敬精神”）；或者你在写教学示例、W3C 相关文档，需要体现标准演进背景。
不该用：
- 只是为了显得“懂行”而引入——它不会让颜色更好看，反而增加维护负担
- 项目仍需兼容 IE 或老旧安卓 WebView
- 颜色系统靠 CSS 自定义属性（
--primary）管理，却单独给rebeccapurple开个例外，破坏一致性 - 用它替代
purple做链接悬停色——它的对比度（对白底）只有 4.2:1，略低于 WCAG AA 最低要求（4.5:1），不如直接调hsl(270, 50%, 35%)精确控制
它和暮山紫这类“非标准色名”根本不是一回事
暮山紫 是中文社区自创的称呼，对应 RGB(164,171,214)，没有任何浏览器识别它。有人把它写进 CSS 里纯属误解，实际生效的是未声明时的默认值或上层继承值。
而 rebeccapurple 是 W3C 官方标准的一部分，出现在 CSS Color Module Level 4 规范里，有明确解析逻辑和测试用例。别因为它名字带人名，就以为所有“诗意色名”都能这么搞——目前只有它一个特例，未来也极大概率不会再加第二个。
真正容易被忽略的点是：它不是“更好用的颜色”，而是“有故事的颜色”。一旦脱离上下文单独使用，故事就没了，只剩一个不好记、难调试、兼容性受限的六位色值。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
