这是一段示意内容。主色用于强调元素，次要色用于辅助强调，浅色变体作背景。
从一个主色一键生成 6 套和谐配色方案——① 互补色（色相 180°）；② 邻近色（±30°）；③ 三角配色（120°）；④ 分裂互补（180°±30°）；⑤ 矩形配色（90°×4）；⑥ 单色明度阶梯（9 阶 Material 风格 50/100/.../900）。三种输入方式（拾色器/HEX 文本/HSL 三通道）实时联动；内置 18 种 Material Design 经典色一键预设；每个色块点击即复制 HEX，整组也可一键复制；底部带按钮/标签/卡片真实组件预览；五种代码导出：CSS Variables、Tailwind Config、Sass Map、JSON、Android colors.xml。纯前端运算