代码、数据与二维码工具

渐变映射

输入 CSS 颜色和位置,生成本地渐变片段。

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

使用步骤

如何使用

  1. 输入 2–8 个 CSS 颜色节点及其百分比位置。
  2. 生成并检查 CSS 和 SVG 输出。
  3. 将本地生成的结果复制到项目中。

输入节点

每行输入一个 CSS 颜色和百分比位置,例如 #111111 0% 和 #eeeeee 100%。工具验证颜色,并将位置限制在 0–100%。

两种本地输出

工具生成 CSS linear-gradient 声明和 SVG linearGradient 停止点片段。不提供图像调色板或未经验证的预设颜色。

本地处理

渐变文本在浏览器中生成,不会上传。

常见问题

你可能还想知道

可以使用多少个节点?

使用 2 到 8 个节点。

支持哪些颜色?

浏览器可解析的 CSS 十六进制、rgb/rgba 和 hsl/hsla 颜色。

是否提供预设调色板?

不提供。颜色和位置由你输入。