工具星球ToolPlanet

渐变生成器CSS Gradient Generator

调整颜色和方向，实时预览并导出 CSS 线性或径向渐变。Create linear or radial CSS gradients with adjustable colors, stops, directions and a live preview.

渐变设置

支持 2–8 个色标，按位置自动排序，复制 CSS 即可使用。

渐变生成器使用指南CSS Gradient Generator: guide

在线生成 CSS 线性渐变和径向渐变，调整颜色、色标位置和方向，实时预览效果并复制 CSS 渐变代码。Create linear or radial CSS gradients with adjustable colors, stops, directions and a live preview.

  1. 选择线性或径向渐变并设置颜色与色标位置。Choose a gradient type and configure color stops.
  2. 调整方向或角度，预览后复制 CSS 代码。Adjust the angle or direction, then copy the CSS.

生成结果是图片还是 CSS？Is the output an image?

输出的是 CSS 渐变代码，可用于网页背景；不是可下载的位图图片。The output is CSS gradient code for web backgrounds, not a downloadable bitmap image.

免费使用，无需注册。工具输入在浏览器本地处理；网站访问统计不包含工具输入内容。Free to use, no registration. Tool input is processed locally in your browser and is not included in website analytics.