渐变色方案
精选优美渐变色方案，为你的设计项目提供丰富的渐变色灵感。包含 70 个精心挑选的渐变组合。
共 70 个渐变方案 • 推荐渐变 21 个
使用说明
CSS复制
点击任意渐变卡片即可复制其CSS代码到剪贴板
渐变应用
每个渐变方案都标注了适用场景，可根据项目需要选择
标签说明
渐变按照色调、季节、情感等维度进行分类标记
推荐渐变
带有"推荐"标签的是精选的高质量渐变方案
筛选条件
红色橙色黄色绿色蓝色紫色粉色灰色多彩中性
暖色日落活力温柔浪漫春天大胆戏剧优雅奢华甜美明亮清新深邃热带夏天秋天自然舒适柔和柑橘金属金色阳光蜂蜜电光霓虹森林薄荷宁静海洋冷色天空梦幻冬天薰衣草樱桃现代简约干净彩虹多彩宇宙
点击渐变可复制CSS代码
推荐渐变
推荐推荐
CSS复制
红色3 个颜色
暖色日落活力
推荐
CSS复制
红色2 个颜色
活力大胆戏剧
推荐
CSS复制
红色3 个颜色
深邃奢华优雅
推荐
CSS复制
橙色3 个颜色
秋天自然舒适
推荐
CSS复制
橙色3 个颜色
暖色奢华
推荐
CSS复制
黄色2 个颜色
日落戏剧金色
推荐
CSS复制
黄色2 个颜色
电光活力霓虹
推荐
CSS复制
绿色2 个颜色
自然清新森林
推荐
CSS复制
绿色2 个颜色
冷色自然宁静
推荐
CSS复制
蓝色2 个颜色
海洋宁静冷色
推荐
CSS复制
蓝色2 个颜色
电光活力霓虹
推荐
CSS复制
紫色2 个颜色
优雅奢华冷色
推荐
CSS复制
紫色2 个颜色
优雅浪漫柔和
推荐
CSS复制
粉色2 个颜色
浪漫温柔柔和
推荐
CSS复制
粉色2 个颜色
大胆活力戏剧
推荐
CSS复制
灰色2 个颜色
简约干净柔和
推荐
CSS复制
灰色2 个颜色
深邃现代大胆
推荐
CSS复制
多彩7 个颜色
彩虹多彩活力
推荐
CSS复制
多彩2 个颜色
宇宙大胆戏剧
推荐
CSS复制
多彩4 个颜色
宇宙活力大胆
推荐
CSS复制
中性3 个颜色
优雅简约柔和
所有渐变
CSS复制
红色2 个颜色
温柔浪漫春天
CSS复制
红色2 个颜色
大胆戏剧优雅
CSS复制
红色2 个颜色
暖色优雅奢华
CSS复制
红色2 个颜色
甜美明亮清新
CSS复制
橙色2 个颜色
热带暖色夏天
CSS复制
橙色2 个颜色
柔和甜美温柔
CSS复制
橙色2 个颜色
活力柑橘明亮
CSS复制
橙色2 个颜色
金属日落暖色
CSS复制
橙色2 个颜色
大胆明亮热带
CSS复制
黄色2 个颜色
清新柑橘明亮
CSS复制
黄色2 个颜色
明亮阳光活力
CSS复制
黄色2 个颜色
柔和温柔明亮
CSS复制
黄色2 个颜色
蜂蜜甜美金色
CSS复制
黄色3 个颜色
柔和甜美温柔
CSS复制
绿色2 个颜色
清新薄荷宁静
CSS复制
绿色2 个颜色
海洋宁静自然
CSS复制
绿色3 个颜色
活力热带森林
CSS复制
绿色2 个颜色
宁静自然柔和
CSS复制
绿色2 个颜色
明亮柑橘清新
CSS复制
蓝色3 个颜色
天空宁静梦幻
CSS复制
蓝色2 个颜色
深邃优雅冷色
CSS复制
蓝色2 个颜色
冷色深邃冬天
CSS复制
蓝色2 个颜色
天空明亮冷色
CSS复制
蓝色3 个颜色
深邃海洋优雅
CSS复制
紫色2 个颜色
薰衣草温柔梦幻
CSS复制
紫色2 个颜色
奢华优雅大胆
CSS复制
紫色3 个颜色
戏剧大胆活力
CSS复制
紫色2 个颜色
深邃奢华优雅
CSS复制
紫色2 个颜色
深邃戏剧奢华
CSS复制
粉色2 个颜色
甜美柔和温柔
CSS复制
粉色2 个颜色
明亮活力甜美
CSS复制
粉色3 个颜色
樱桃柔和春天
CSS复制
粉色2 个颜色
活力大胆明亮
CSS复制
粉色2 个颜色
日落暖色柔和
CSS复制
灰色2 个颜色
戏剧现代冷色
CSS复制
灰色2 个颜色
优雅现代深邃
CSS复制
灰色3 个颜色
柔和优雅简约
CSS复制
灰色2 个颜色
自然现代冷色
CSS复制
灰色2 个颜色
金属优雅奢华
CSS复制
多彩3 个颜色
霓虹活力电光
CSS复制
多彩3 个颜色
多彩梦幻冷色
CSS复制
多彩4 个颜色
热带多彩夏天
CSS复制
多彩5 个颜色
日落多彩活力
CSS复制
中性2 个颜色
暖色舒适柔和
CSS复制
中性2 个颜色
冷色宁静简约
CSS复制
中性2 个颜色
舒适柔和暖色
CSS复制
中性3 个颜色
自然暖色柔和
CSS复制
中性2 个颜色
简约干净柔和
CSS复制
中性2 个颜色
自然暖色舒适