正则可视化

将正则表达式可视化展示，帮助理解复杂的正则模式。

邮箱

^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

手机号

^1[3-9]\d{9}$

URL

https?://[\w\-]+(\.[\w\-]+)+[\w\-.,@?^=%&:/~+#]*

IPv4

^((25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(25[0-5]|2[0-4]\d|[01]?\d\d?)$

日期

^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$

中文字符

[\u4e00-\u9fa5]+

身份证号

^\d{17}[\dXx]$

十六进制颜色

^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$

正则可视化工具将一段正则表达式逐段拆解为可视化令牌（Token），按字符匹配、字符集、锚点、分组、量词、转义、或、任意字符等类型分色展示，并给出每段的说明文本与原始字符串。同时支持输入测试字符串实时执行匹配，查看匹配位置与捕获组，帮助开发者快速理解复杂正则。

在"正则表达式"卡片中输入正则字符串（也可点击"示例"或下方速查表预设快速填入）；在右侧选择匹配修饰符（g/i/m/s）；"可视化解析"区会逐段展示令牌，"解析说明"给出整体描述；在"测试匹配"卡片中输入测试字符串，下方会列出所有匹配结果及其捕获组与索引位置。

字（普通字符）、集（[...] 字符集）、锚（^/$/边界）、组（(...) 分组）、量（*/+/{n,m}）、转（\d/\w 等转义）、或（| 交替）、点（. 任意字符），不同颜色对应不同类型，便于在长正则中快速定位关键结构。

本工具采用简化解析器，对极端复杂的嵌套分组、回溯引用、lookbehind 等高级特性可能不完整识别；解析结果仅供参考，建议结合目标语言的官方正则文档验证；当输入非法正则时会显示语法错误提示，请检查括号、量词等是否配对。