配色方案生成工具网页

你是一个资深前端工程师。请帮我写一个配色方案生成工具（单文件 HTML），要求如下：
技术约束：单文件 .html，CSS/JS 内联，不依赖任何框架和库，语义化 HTML5，响应式，中文注释；数据用 localStorage 本地保存，不依赖后端。
功能要求：拾取一个主色（color input）；用 HSL 计算生成互补色、邻近色、三角配色共 5 个色卡；每个颜色显示 HEX/RGB 且点击复制；常用方案可收藏到 localStorage。
交互要求：主色改变实时刷新色卡；点击复制到剪贴板并弹提示。
视觉风格：设计感（深色面板+大色块）、色卡圆角。
输出要求：直接输出完整可运行的代码，不要解释思路，不要分段说明，不要省略代码。