渐变壁纸生成器
带有强烈模糊效果的三色渐变背景，已成为所有SaaS着陆页及过去四年发布的大多数桌面壁纸的标准风格。该工具可混合三种十六进制颜色，并支持调节角度与高斯模糊效果，最终输出结果可适配桌面、手机或Zoom背景分辨率。
如何创建渐变壁纸
-
1
选择三种颜色
可直接调整十六进制色值，或点击“随机”获取惊喜配色方案。
-
2
设置角度
0–360°。135°为“日落”对角线；90°为“日出”侧向混合角度。
-
3
调整模糊度
更高的模糊度可隐藏颜色之间的边界，并使整个画布表面更加平滑。
-
4
导出图像
以与您的显示器或手机分辨率相匹配的分辨率下载。
推荐输出尺寸
| 目标 | 分辨率 |
|---|---|
| 4K桌面分辨率 | 3840 × 2160 |
| 1440p 桌面分辨率 | 2560 × 1440 |
| 1080p 桌面分辨率 | 1920 × 1080 |
| iPhone 15/16 | 1179 × 2556 |
| 安卓（现代版） | 1080 × 2400 |
| Zoom 虚拟背景 | 1920 × 1080 |
总能使用的调色板提示
- 互补色组合+中性色：蓝色、橙色、米色。
- 类似色三元组：从色轮上选取相邻角度不超过60°的三种颜色，紫色、品红色和粉色。
- 温凉色系搭配：一种暖色调（桃色、红色），一种凉色调（青绿色、海军蓝），一种中性色调（奶油色）。
- 单色模式：采用三种明度值中的单一色调，可营造出柔和且与整体氛围相协调的墙面效果。
为何模糊效果如此重要
无模糊的三段渐变会在色彩分界处呈现清晰边界（即“彩虹效应”）。在大型画布上应用 60–100 像素的 filter: blur()，可将过渡平滑为柔和的色块，呈现出类似 macOS Big Sur 或 iOS 16 壁纸的视觉效果。
实时CSS预览
background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);
如需获得无模糊的清晰渐变效果，请将滤波器值降至0，并考虑改用in oklch插值法以实现视觉上均匀的颜色过渡。
常见问题
模糊滤镜会采样画布外的像素，这些像素为透明像素。对于壁纸，请先以较大尺寸生成图像，应用模糊处理，再裁剪至最终分辨率，边缘仍保持清晰。
这款生成器采用三种颜色。过多的颜色容易让人觉得像屏幕保护程序；而三种颜色则是营造宁静壁纸的最佳选择。
并非完全如此。手机屏幕的比例比桌面显示器更高，因此对角线角度的显示效果会有所不同。请在每个目标尺寸下预览画面，若发现角度不准确，请及时调整。
不。画布是在本地绘制的，只有您触发下载操作时浏览器才会退出。
相关工具
BBCode 转 HTML 转换器
将 BBCode（论坛标记）转换为干净的 HTML。支持格式标签、列表、引用、代码、图片、链接和表格。
Base64 转 Hex 转换器
将 Base64 字符串转换为其底层字节的十六进制表示。适合检查令牌、密钥、证书和 JWT。
ASCII 转 Hex 转换器
将 ASCII 文本转换为 hexadecimal byte values。输出每个字符两个 hex digits，可用于 memory dumps、packet traces 或 firmware tables。
二进制转十六进制转换器
将二进制输入转换为纯大写十六进制值。非 0 和 1 字符会被忽略，前导零不会保留。
HEX 颜色选择器
通过可视化方式选择颜色，并获取 HEX、RGB、HSL、HSV、CMYK 值以及黑白背景下的对比度。
ASCII 转二进制转换器
将任意 ASCII 字符串转换为二进制表示。每个字符变成八位，以空格分隔，可直接粘贴到协议跟踪或作业中。