渐变映射
输入 CSS 颜色和位置,生成本地渐变片段。
使用步骤
如何使用
- 输入 2–8 个 CSS 颜色节点及其百分比位置。
- 生成并检查 CSS 和 SVG 输出。
- 将本地生成的结果复制到项目中。
输入节点
每行输入一个 CSS 颜色和百分比位置,例如 #111111 0% 和 #eeeeee 100%。工具验证颜色,并将位置限制在 0–100%。
两种本地输出
工具生成 CSS linear-gradient 声明和 SVG linearGradient 停止点片段。不提供图像调色板或未经验证的预设颜色。
本地处理
渐变文本在浏览器中生成,不会上传。
常见问题
你可能还想知道
可以使用多少个节点?
使用 2 到 8 个节点。
支持哪些颜色?
浏览器可解析的 CSS 十六进制、rgb/rgba 和 hsl/hsla 颜色。
是否提供预设调色板?
不提供。颜色和位置由你输入。