Color Ramp Generator|色彩渐变生成器

Color Ramp Generator

色彩渐变生成器

作者
Swathis
类别
🌈 颜色
定价
免费

✏️ 介绍

Color Ramp Generator 是一款用于生成无障碍颜色色阶的 Figma 插件。输入任意 HEX 颜色后,它会在尽量保持原始 Hue 和 Saturation 的基础上,通过调整 Lightness 自动生成符合预设对比度规则的 15 级色阶,适合 Design System、品牌色体系和 White Label 产品中的颜色规范建设。

🔨 功能

1. 支持从任意 HEX 颜色生成 Color Ramp 2. HEX 色值支持带或不带 `#` 输入 3. 支持为生成的颜色体系设置名称 4. 自动生成包含 15 个颜色的渐变色阶 5. 通过调整 Lightness 控制不同色阶之间的对比度 6. 生成过程中尽量保持原始颜色的 Hue 和 Saturation 7. 色阶采用 5–100 的编号体系 8. 最深色对应 `5` 9. 最亮色对应 `100` 10. 色阶相差 40 points 时,对应约 3:1 对比度 11. 色阶相差 50 points 时,对应约 4.5:1 对比度 12. 色阶相差 60 points 时,对应约 7:1 对比度 13. 可通过色阶编号辅助满足 AA 和 AAA 无障碍标准 14. 支持 Cross-Palette Accessibility,可在不同 Palette 之间按照相同 points 规则组合颜色 15. 不同 Palette 中相差 50 points 的颜色可对应约 4.5:1 对比度 16. 生成结果可直接用于 Design System 17. 适合品牌色扩展、无障碍颜色体系和 White Label 多品牌配色场景

想看同分类更多插件?去🌈 颜色分类页浏览。