🎨 配色辅助

输入主色,实时生成 互补 / 邻近 / 三角 / 类比 / 单色 / 分裂互补 6 套方案、6 阶明度+6 阶饱和度WCAG 2.1 对比度判定。导出 JSON / SCSS / CSS 变量

主色#3B82F6
快速预设
明度阶梯(HSL-L)
饱和度阶梯(HSL-S)
配色方案
WCAG 对比度主色与白/黑/灰
导出
实现:纯前端 HSL / RGB / HEX 互转 + 相对亮度公式(WCAG 2.1)。色轮偏移 = HSL-H ±Δ(Δ ∈ {30, 60, 90, 120, 150, 180})。明度 / 饱和度阶梯 = 固定 L / S 序列 + 当前 H。文件不上传。