渐变配色方案
渐变配色以均匀的色阶从最深色过渡到最浅色,是创建 CSS `linear-gradient` 或设计系统色阶的直接起点。
配色示例
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
可直接复制的十六进制代码
有顺序的色阶
与其他和谐配色不同,这里的顺序至关重要。每种颜色都是两个端点之间的一步,因此非常适合为设计令牌命名(100、200、300…),并使不同等级间的对比变化保持可预期。
直接用于 CSS
将配色导出为 CSS 变量或 Tailwind 配置,再用两端颜色构建渐变,中间色阶用于背景、边框和状态。LFColors 支持一键生成这两种格式。
生成我的渐变配色方案
免费,无需注册
