预览
控制
CSS 代码
在线文字渐变生成器，调节渐变颜色、角度与类型，基于 background-clip 实时预览彩色渐变文字并一键复制 CSS 代码；浏览器本地运行，免费无需安装。
先填写或调整「主色调」、「辅助色」、「大小 200px」、「圆角 8px」；修改输入或使用页面控件后查看结果区域。
「大小 200px」的输入范围为 50～300。「圆角 8px」的输入范围为 0～150。请按字段标注的单位输入，先检查超出范围、空值和小数点，再核对结果。
核对色值、尺寸、字体和导出格式。屏幕显示、浏览器渲染与印刷效果可能不同；应在最终使用的背景、设备或设计软件中再检查。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。
先检查「主色调」、「辅助色」、「大小 200px」是否完整，以及格式、单位和当前选项是否匹配。修改输入后，查看页面的结果或错误提示；可先用少量数据定位问题。
文字转 SVG 路径 · 裁剪路径生成器 · Css Clip Path Generator · 渐变生成器 · 全部设计工具