CSS 渐变生成器

预览双色渐变,复制可直接使用的 CSS。

预览双色渐变,复制可直接使用的 CSS。

选项

两个不透明 sRGB HEX 颜色,线性角度 0–360°,或居中的径向渐变。不含图片、外部资源、额外色标、广色域或自动对比度保证。复制 CSS 不会修改你的网站。

使用说明

CSS 渐变生成器

预览双色渐变,复制可直接使用的 CSS。

操作步骤

  1. 选择受支持的输入或载入示例,并核对原稿。
  2. 预览双色渐变,复制可直接使用的 CSS。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。
  3. 运行任务、核对实际结果,再复制或下载已检查的副本。

参数怎么选

选项取舍与影响
选项预览双色渐变,复制可直接使用的 CSS。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。
Limits两个不透明 sRGB HEX 颜色,线性角度 0–360°,或居中的径向渐变。不含图片、外部资源、额外色标、广色域或自动对比度保证。复制 CSS 不会修改你的网站。

示例与预期结果

90° 线性渐变从 #2563eb 到 #7c3aed,输出 background: linear-gradient(90deg, #2563eb, #7c3aed);。

失败后怎么办

  • 请选择有效的不透明 HEX 颜色及 0–360° 角度,当前预览已保留。

格式与限制

两个不透明 sRGB HEX 颜色,线性角度 0–360°,或居中的径向渐变。不含图片、外部资源、额外色标、广色域或自动对比度保证。复制 CSS 不会修改你的网站。

常问问题

这个工具可以做什么?

预览双色渐变,复制可直接使用的 CSS。

应该如何选择选项?

预览双色渐变,复制可直接使用的 CSS。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。

有哪些限制?

两个不透明 sRGB HEX 颜色,线性角度 0–360°,或居中的径向渐变。不含图片、外部资源、额外色标、广色域或自动对比度保证。复制 CSS 不会修改你的网站。

处理为什么失败?

请选择有效的不透明 HEX 颜色及 0–360° 角度,当前预览已保留。

输入会被上传或保存吗?

不会。处理在你的设备上进行;输入与结果只保留在此页面的内存中,直到清空或离开。ToolRobin 不会上传、记录或存储它们。复制会把结果放入设备剪贴板。