颜色作用域生成器

作用域语法：

基础格式：rgbtyp(r, g, b, a) in [selector] 或 colorName in [selector]

扩展格式：rgbtyp(r, g, b, a) as {bg, text} in [selector]

用英文分号分隔多个规则

参数说明：

• r, g, b: 0-255的整数或颜色名称
• a: 0-1的透明度（可选，默认为1）
• as {bg, text}: 指定颜色应用方式（可选）
  • bg: 设置为背景色（默认）
  • text: 设置为文字颜色
  • 可同时使用：as {bg, text}
• selector: CSS选择器（支持伪类如:hover）

选择器规则：

• 必须以 # (ID) 或 . (类) 开头
• 名称首字符必须是字母（a-z, A-Z）
• 支持伪类选择器（如 .btn:hover）

示例：

• 基础用法：rgbtyp(255, 0, 0, 0.5) in [.my-class]
• 设置文字颜色：blue as {text} in [#my-id:hover]
• 同时设置背景和文字：purple as {bg, text} in [.button]

Tip：

• 要快速预览其效果，你可在选择器处填写 .preview-box。该选择器支持伪类。
• 同时，你也可以点击输入框下方的颜色预设方案快速预览或复用它们。