精选渐变色库
浏览我们精心挑选的渐变色彩方案，适用于各种设计项目。点击任意渐变即可复制CSS代码。
皇家紫
to right
background: linear-gradient(to right, #6C63FF, #9D4EDD);
紫粉霓虹
to bottom right
background: linear-gradient(to bottom right, #6366F1, #A855F7, #EC4899);
浪漫粉紫
to right
background: linear-gradient(to right, #C084FC, #DB2777);
深夜蓝紫
to bottom right
background: linear-gradient(to bottom right, #581C87, #4F46E5);
深邃紫红
to top
background: linear-gradient(to top, #7E22CE, #C026D3);
日落霓虹
to right
background: linear-gradient(to right, #F59E0B, #A855F7, #14B8A6);
梦幻紫粉
to bottom right
background: linear-gradient(to bottom right, #9333EA, #F472B6);
紫罗兰
to right
background: linear-gradient(to right, #8B5CF6, #EC4899);
渐变生成器
使用我们的交互式渐变生成器，创建自定义渐变效果。调整颜色、方向和渐变类型，获取完美的CSS代码。
实时预览
调整参数查看效果
90°
获取最新渐变趋势
订阅我们的通讯，获取每周精选渐变色方案、设计灵感和独家资源。
我们尊重你的隐私，绝不会分享你的邮箱地址。