渐变文字

渐变文字生成器

把任意文字变成双色渐变标题,实时预览并导出可直接粘贴的 CSS。



      

实时预览

需要浏览器支持 background-clip: text

工具介绍与使用说明

📘

渐变文字生成器把任意文本做成双色渐变标题,实时预览并输出 background-clip 渐变文字的 CSS。

  • 输入文字,选起始色与结束色,调整角度即可得到渐变文字效果。
  • 点「交换颜色」快速调换起止色;预览区实时显示效果。
  • 复制 CSS 直接贴进项目;渐变文字依赖 background-clip:text,老旧浏览器会回退为纯色。

使用提示

💡
  • 双色夹角 120°~160° 最自然,太近的色相会显得单调。
  • 渐变文字只做大标题,正文务必保持纯色以保证可读性。
  • 复制出的 CSS 用 background-clip: text,注意给不支持的浏览器留兜底色。