正则表达式匹配十六进制颜色语法（和缩写形式）

Question

好吧，我对正则表达式很陌生，尤其是 JavaScript 正则表达式。

我正在寻找与十六进制颜色语法匹配的正则表达式（如 #34ffa6 ）然后我查看了 w3school 页面： Javascript RegExp Object

那就是我的正则表达式：

 /^#[0-9a-f]{6}/i

它似乎有效，但是，如果我希望它也匹配“短十六进制颜色语法”形式？ （比如 #3fa ），这可能吗？我试过使用字符 | 但也许我的语法有误。

原文由 cl0udw4lk3r 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

/^#[0-9a-f]{3,6}$/i

将匹配 #abc , #abcd , #abcde , #abcdef

 /^#([0-9a-f]{3}|[0-9a-f]{6})$/i

将匹配 #abc 和 #abcdef 但不匹配 --- #abcd

 /^#([0-9a-f]{3}){1,2}$/i

将匹配 #abc 和 #abcdef 但不匹配 --- #abcd

 /^#(?:[0-9a-f]{3}){1,2}$/i

将匹配 #abc 和 #abcdef 但不匹配 --- #abcd

查看 RegExp - MDN 以了解有关 javascript 中正则表达式的更多信息。

原文由 rodneyrehm 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试这个 ：

 /^#([0-9a-f]{6}|[0-9a-f]{3})$/i

[0-9a-f]{6} = 6 个字符 [0-9a-f]{3} = 3 个字符 $ = 结束

原文由 Manse 发布，翻译遵循 CC BY-SA 3.0 许可协议