渐变图制作

线性 / 径向 / 锥形三种渐变,调好就是所见即所得 —— 按你要的尺寸导出 PNG, 或者一键复制能直接粘的 CSS 代码。全程在本机浏览器画,不上传、不联网。

1. 渐变类型

角度135°

2. 色标(2 / 5)

0%
100%

3. 配色(懒得挑色就点一个)

4. 尺寸

输出 1920 × 1080(2.1 百万像素), 宽高限 16~8192。

5. 颗粒(让渐变不那么「塑料」)

12%

逐像素加随机灰度噪点:弱档稀疏、强档密集,导出和预览用的是同一套随机纹理。

6. 长这样(导出就是这张图)

预览是真图按比例缩小的结果,导出时按 1920 × 1080 原尺寸重画一遍。

7. 粘到样式里

复制这一行,贴在 CSS 规则里就行:
background: linear-gradient(135deg, #ff0080 0%, #7928ca 100%);

色标写法是 颜色 位置%,位置可以不是 0 和 100 —— 那种「硬边」的条纹效果就是这么做的。

🔒 颜色、噪点和导出全在你这台设备上算,页面不发送任何请求,也不保存任何东西。