输入品牌色，自动生成多种格式的CSS规范主题变量
这是面向前端开发和UI设计的CSS主题变量生成工具。你输入品牌色，它自动生成不同深浅色阶的主题变量，省去手动调整色值的重复工作。
它基于 HSL 色彩模型生成色阶，调整亮度不改变色相和饱和度，保证色阶和原品牌色色调一致，符合前端主题系统的设计规范。
最多支持生成 11 个色阶，覆盖从50到950的常用亮度区间，满足绝大多数主题场景需求。
不会偏移。生成时固定原品牌色的色相和饱和度，仅调整亮度，保持色调一致性。
支持导出 4 种常用格式：原生 CSS 变量、SCSS 变量、Tailwind v3 配置、JSON 设计令牌。
当前仅支持单次生成一个主色的色阶变量。如需多个色系，重复操作多次即可。