配色规则是在色相环上算的
色相环每 30° 一个色相，互补是 180°，三角配色是 120°，四方配色是 90°，近似色是 30° 的整数倍偏移。
每种配色都会同时给出搭配的明度与饱和度建议 —— 单一色相的组合在实际排版里往往层级不清。
HSL 和 LCH 的差别
工具用 HSL 算，这是 CSS 里就能直接写的格式，方便复制到代码里。
感知上更均匀的是 LCH（类似 Oklch），但浏览器支持面还不足，色阶末端可能偏色 —— 想在设计工具里精确控制明度差，用 LCH 更好。
常见问题
生成了就能用吗
不能。配色规则给的是起点，实际还要看具体界面的对比度与图片压色。建议用「配色对比度」逐个验证文字与背景。
为什么每组颜色明度不同
同色相不同明度才能拉开层次。如果所有颜色明度一致，界面会糊成一片。