返回赛题列表
动态 RGB 渐变调色板
入门构建一个带三色滑块的实时渐变生成器——从设计需求直接生成代码看执行力，到先写 PRD 再写代码的两步流程看规划与自我一致性。
规则说明▼
phase1：给出设计需求，要求模型直接输出 HTML 文件
phase2 step1：在新的对话窗口，给出同样的设计需求，要求模型自行撰写 PRD
phase2 step2：在同一个对话窗口，要求模型根据自己生成的 PRD 输出 HTML 文件
Prompt▼
phase1：▼
制作一个单文件 HTML 的动态 RGB 渐变调色板。需要提供三个颜色滑块（R/G/B），用户拖动时背景渐变即时更新。支持线性渐变和径向渐变切换、渐变方向/角度调节、多色停靠点管理，并提供一键复制 CSS 代码按钮。要有清晰的颜色数值显示和流畅的交互体验。请输出完整的 HTML。
phase2(2 steps)▼
phase2 step1：▼
以下是一个设计需求：
"制作一个单文件 HTML 的动态 RGB 渐变调色板。需要提供三个颜色滑块（R/G/B），用户拖动时背景渐变即时更新。支持线性渐变和径向渐变切换、渐变方向/角度调节、多色停靠点管理，并提供一键复制 CSS 代码按钮。要有清晰的颜色数值显示和流畅的交互体验。"
请你根据这个需求，撰写一份详细的产品需求文档（PRD），不要写代码，只输出 PRD。
phase2 step2：▼
根据你自己的 PRD 文档，请输出完整的单文件 HTML（包含内联 CSS 和 JS）。要求完美还原 PRD 中描述的所有功能与视觉设计。