📌 此工具已合并至 css gradient text generator，请使用新版本。
免费在线CSS渐变文字生成器，可视化创建带渐变色填充的文字效果。支持线性/径向渐变、多色标、角度/位置调整、字体设置，实时预览渐变文字，一键复制CSS代码。纯前端本地运行。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
Updated: 2026-07-11
文字内容
颜色设置
+ 添加颜色
文字样式
实时预览
渐变文字示例
CSS 代码
/* CSS代码将在这里生成 */
常见问题
什么是CSS渐变文字？
CSS渐变文字是利用background-clip: text属性配合background渐变，让文字显示出渐变颜色的效果。文字本身的颜色被设置为透明，背景渐变色透过文字显示出来。
浏览器兼容性如何？
所有现代浏览器（Chrome 90+、Firefox 90+、Safari 15+、Edge 90+）都支持background-clip: text。老版本浏览器会回退到fallback颜色。
可以用于商用项目吗？
可以，生成的所有CSS代码无任何限制，可自由用于商业和个人项目。