渐变背景图生成器

渐变图片是最简单又好看的背景：可以做手机或桌面壁纸、幻灯片或视频的底图，或者社交帖子的占位图。这个生成器按常见屏幕尺寸——全高清、2K、4K、手机壁纸、方形帖子、快拍——或最大 8192 px 的任意自定义尺寸，使用与 CSS 渐变相同的几何方式绘制线性、径向或锥形渐变。可选的抖动会加入淡淡的噪点，让平滑的混色不出现色带，结果可下载为 PNG、JPG 或 WebP。

使用方法

1. 选择尺寸预设，或选“自定义”并输入宽度和高度。
2. 选择线性、径向或锥形，并设置角度（或径向形状）。
3. 输入色标，每行一个，可带 % 位置。
4. 大屏幕建议保留少量抖动，然后选择格式并下载。

计算公式

linear: gradient line through the center, length = |W × sin θ| + |H × cos θ| · radial (farthest-corner): ellipse radii = (W ÷ 2 × √2, H ÷ 2 × √2) · conic: canvas start angle = θ − 90°

θ 遵循 CSS：0° 朝上，角度按顺时针增加，所以 90° 是从左到右。没有位置的色标会均匀分布在相邻色标之间，位置比前面更小的色标会像 CSS 那样被提升到前面的位置。抖动会在每个通道上加入最多所选百分比一半的 255 的噪点。

示例

在 200 × 100 的图像上，从 #FF0000 到 #0000FF 的 90° 渐变，最左一列是纯红，最右一列是纯蓝，中间的像素约为 rgb(127, 0, 128)——与 linear-gradient(90deg, #ff0000 0%, #0000ff 100%) 一致。白、黑、白三个色标不写位置，黑色恰好位于 50%。