渐变色彩生成器 渐变背景

可视化渐变生成器
实时调色 · 丰富预设 · 一键导出图片与代码
background: linear-gradient(135deg, #6366f1, #a855f7);
起始颜色 #6366f1
结束颜色 #a855f7
渐变角度 135°
0° 90° 180° 270° 360°
精选预设 · 一键应用
优雅渐变 · 灵感无限

实时调色
选取颜色、调整角度,渐变效果即时渲染,所见即所得。

丰富预设
内置 14+ 组设计师精选渐变,灵感枯竭时一点即用。

便捷导出
一键复制 CSS 代码或下载渐变图片,轻松用于设计项目。

linear-gradient颜色拾取器可调角度图片下载随机灵感

工具简介

自定义渐变方向与多个色标,实时预览并生成可复用的 CSS 渐变背景。

使用步骤

  1. 添加或删除渐变色标。
  2. 调整渐变角度与色标位置。
  3. 实时预览渐变效果。
  4. 复制 CSS 代码到项目。
相关工具推荐
在线加水印
在线加水印
文字/图片水印,批量添加,保护原创版权。
GIF 动图制作
GIF 动图制作
图片/视频转 GIF,在线制作动图。
PNG 转 ICO
PNG 转 ICO
上传 PNG 转换 ICO,多尺寸一键生成。
SVG 转 PNG
SVG 转 PNG
上传 SVG 转 PNG,自定义分辨率导出。
词云生成器
词云生成器
文字生成词云,自定义形状配色。
在线字体设计
在线字体设计
创意字体在线设计,自由调整样式。
图片自由裁剪
图片自由裁剪
自由裁剪、任意比例、智能选区,快速调整构图。
在线图标生成
在线图标生成
自由设置尺寸配色,生成 PNG/SVG 图标。
多张图片组合
多张图片组合
自定义排版拼接,批量合成一张长图。
ico图标生成
ico图标生成
上传图片生成 ICO,自定义尺寸圆角,实时预览。
更多工具