用途:从单一品牌色生成一整套状态/反馈色(success、warning、danger、info),这些颜色通过方形和谐在色轮上以 90° 间隔数学关联,兼顾最大区分度与品牌一致性。
主要能力:方形和谐一次生成 4 条色阶——base(品牌色,可作 info/primary)、square-1(+90°)、square-2(+180° 互补)、square-3(+270°)。生成后按色相映射语义:80–150° 通常为 success(绿/青),30–80° 为 warning(黄/橙),0–30° 或 330–360° 为 danger(红/粉),180–270° 为 info(蓝/紫)。
使用方式:安装命令为 npx @basiclines/rampa。生成命令示例:rampa -C "<brand-color>" --add=square -L 95:15 --size=10 -O css。输出 4 条完整色阶,可再按语义重命名,例如 rampa -C "#22c55e" -L 95:15 --size=10 -O css --name=success,或在 CSS 中映射:--success: var(--square-3-5); --warning: var(--square-2-5); --danger: var(--square-1-5); --info: var(--base-5);。若生成色相不理想,可调整输入色(如从绿色起步确保 success 为 base)。
适用场景:需要与品牌匹配的成功/警告/错误/信息色,或希望反馈色“看起来属于品牌”的设计系统与前端主题。
限制:实际颜色取决于输入色,需生成后按色相手动映射语义;-L 95:15 适合状态色(浅底深字),--size=10 为完整色阶、--size=5 为精简,色阶中段值(4–6)最适合徽章、按钮、提示。其他收费、平台与效果信息暂未提供。