免费 · 无需注册 · 浏览器本地处理
双色 CSS 线性渐变生成器
指定起始色、结束色与渐变角度，预览两个 HEX 颜色之间的过渡，复制生成的 linear-gradient 代码即可用于网页背景。
输入与设置
本地处理background: linear-gradient(90deg, #ACCDEA 0%, #9DDA8F 100%);
使用步骤
选择两个 HEX 颜色和角度，再复制 CSS。
使用前请检查
此工具只生成双端点线性渐变。
试一个例子
让 #ACCDEA 与 #9DDA8F 在 90 度方向混合。
计算或处理方式
CSS linear-gradient 控制方向并插值颜色。
常见问题
预览双色线性渐变并复制 CSS。
如何使用CSS 渐变生成器？
选择两个 HEX 颜色和角度，再复制 CSS。
数据会上传吗？
工具在当前浏览器内处理输入与文件。页面访问统计不包含这些输入内容。
有哪些限制？
此工具只生成双端点线性渐变。