Mask Maker for 3-Channel Regional Prompting

我做了一些 ⋆✴︎˚｡⋆氛围编码⋆｡˚✴︎⋆，创建了一个简单的 HTML 工具，用于辅助创建使用 2-3 种颜色的图像遮罩。我制作这个工具是因为我开始使用 这个工作流（向 @Neuroger 致谢），但它也适用于任何类似的场景。欢迎随意拿去并按你的喜好进行修改。

---

三通道区域提示遮罩生成器（RGB + 指导图）

专为区域提示设计的简单、精准遮罩绘制工具。

概述

本工具允许你绘制红色、绿色和蓝色遮罩，用于区域提示工作流（例如 SDXL、ComfyUI 节点或任何接受 RGB 遮罩图的模型）。
你可以导入指导图，使用可自定义的画笔进行绘制，并导出仅包含纯 RGB 值的干净遮罩。

功能

• 导入指导图（以 50% 透明度显示作为参考；不包含在导出中）

• 纯 RGB 遮罩输出

  • 红色 #FF0000

  • 绿色 #00FF00

  • 蓝色 #0000FF

• 画笔工具

  • 方形与圆形笔刷

  • 可调节大小（1–512 像素）

  • 橡皮擦模式

• 线条工具，用于创建清晰边界

• 缩放（支持鼠标滚轮）

• 像素网格叠加（自动随缩放比例调整）

• 自动适应画布至上传图像

• 宽高比预设（1:1、3:4 等）+ 自定义模式

• 支持高分辨率（任意图像尺寸）

• 跨画布边缘连续绘画
  （按住鼠标 → 移出画布 → 再进入 → 绘画继续。无中断。）

导出

导出的 .png 遮罩仅包含纯 RGB 或纯黑色，确保与任何区域提示系统兼容。指导图、透明度预览、轮廓和网格均不会包含在内。

使用方法

1. 在任意浏览器中打开此 HTML 文件（支持离线使用）。

2. （可选）上传一张指导图。

3. 选择工具 → 画笔或线条。

4. 选择颜色（红、绿、蓝）或橡皮擦。

5. 绘制你的区域。

6. 使用 ctrl+z/ctrl+y 撤销/重做。

7. 点击下载遮罩导出干净的 RGB 遮罩。

典型工作流程

• 使用指导图勾勒服装、光影区域、背景、主体等。

• 导出遮罩并输入到你的 ComfyUI 节点 / ControlNet / LoRA 区域节点 / SDXL 工作流中。

• 为每个 RGB 通道分配不同的提示文本。

兼容性

• 任何 Stable Diffusion 区域提示方法

• ComfyUI 区域条件节点

• ADetailer 遮罩

• 自定义遮罩工作流

• Krita/Photoshop，因为输出为标准 PNG

备注

• 预览网格和指导图透明度不影响导出结果。

• 绘画时画笔边缘使用真实透明度，但保存时会精确量化为完整 RGB 值。

• 完全离线运行，无任何依赖。

许可证

可免费使用、修改并集成至工作流中。署名感谢，但非必需。