用途:把单一品牌色扩展为完整、协调的多色相色彩系统。所有颜色都以一个输入色为数学基准派生,便于保持整体一致。
主要能力:生成四类色阶——Primary(品牌色完整 10 级色阶)、Analogous(色轮相邻约 ±30°,适合细微变化与渐变)、Complementary(色轮正对面,适合 CTA、警示、需要强调的高亮)、Split-complementary(互补色两侧的两色,提供更柔和的对比)。命令可用 --add 组合多种和谐类型,并用 --size 控制每色阶的步数。
安装:npx @basiclines/rampa
使用方式(示例命令保持原样): 主色色阶:rampa -C "<brand-color>" -L 95:10 --size=10 -O css --name=primary 类似色:rampa -C "<brand-color>" --add=analogous -L 95:10 --size=10 -O css 互补色:rampa -C "<brand-color>" --add=complementary -L 95:10 --size=10 -O css 互补分裂:rampa -C "<brand-color>" --add=split-complementary -L 95:10 --size=10 -O css 一次性查看全部:rampa -C "#7c3aed" --add=analogous --add=complementary --add=split-complementary --size=3 -O css
输出为 CSS 自定义属性,例如 --primary-0、--primary-5、--primary-9,以及 analogous、complementary、split-complementary 系列变量。
适用场景:仅有一个品牌色或 logo 色时构建完整色板;为主按钮、标题、悬停态、渐变、次要操作与徽章选取配色。建议先从 primary 加 complementary 起步,类似色用于渐变过渡,互补色少量使用,互补分裂用于较柔和的强调。
限制:资料未提供收费、价格、具体支持平台与授权信息,暂未提供;实际输出以该工具在本地运行结果为准。