代码、数据与二维码工具

渐变文字 HTML 生成器

输入文字,选择 HTML 元素、两种颜色和方向,然后复制或下载生成的源代码。工具仅显示源代码,不提供渲染预览。

优先本地处理无需注册隐私说明 ↗
颜色

仅输出源代码:用户文字会被转义,不会作为 HTML 渲染。

使用步骤

如何使用

  1. 输入最多 160 个字符。
  2. 选择 span、p、h1、h2 或 h3,两种颜色及 0° 至 360° 的角度。
  3. 检查生成的 HTML 源代码,然后复制或下载 HTML 文件。

仅输出源代码

工具生成包含所选元素和 CSS 的完整 HTML 文档。用户文字中的 &、<、> 和双引号会被转义,仅显示在只读源代码字段中;本工具不会把它渲染为 HTML。

本地控件与导出

更改文字、元素、颜色或角度会在本地更新源代码。角度限制为 0 至 360 度。复制使用浏览器剪贴板,下载以 text/html;charset=utf-8 创建 gradient-text.html。源代码生成使用当前页面的输入值。

常见问题

你可能还想知道

可以在这里预览生成的 HTML 吗?

不可以。工具仅显示源代码。下载的 HTML 包含所选文字和渐变 CSS。

会改变原文吗?

不会。HTML 敏感字符仅在生成的源代码中转义,输入文字仍保留。

可以选择哪些元素?

可选元素为 span、p、h1、h2 和 h3。