渐变生成器

选择两种或更多颜色，拖动渐变调整效果，复制CSS。或下载为PNG，用作壁纸、幻灯片背景或社交媒体帖子背景。支持线性、径向和锥形渐变，以及网格渐变模式，可生成现代UI中常见的柔和苹果风格背景。

渐变类型说明

• 线性：从颜色A到颜色B的直线渐变。支持方向选择（从上到下、对角线等）。
• 径向：同心渐变——颜色A在中心，逐渐过渡到边缘的颜色B。适用于聚光效果。
• 锥形：围绕中心点旋转，类似色轮。在现代UI设计中很流行。
• 网格（高级）：多个颜色块平滑混合。呈现“苹果渐变”风格。

可复制的内容

1. CSS：可直接粘贴的linear-gradient(...)或background-image:声明。
2. Tailwind：最接近的bg-gradient-*类及任何自定义颜色添加。
3. SVG：用于图标或UI图形中的可缩放使用。
4. PNG下载：任意尺寸，包括手机壁纸（1284×2778）、桌面（3840×2160）和方形（1080×1080）。

常见用途

• 手机壁纸：网格渐变在iOS上非常流行。试试我们的iPhone壁纸预览来测试效果。
• 社交媒体帖子背景：为引用图形快速打造品牌风格。
• 英雄区域：渐变背景在着陆页中随处可见。
• 幻灯片：替代单调的纯色背景。

选择协调的颜色

色轮上相邻的颜色 = 柔和、和谐。相对的颜色 = 大胆、引人注目。添加第三个中间色点可弥合较大差距。对于品牌一致的渐变，粘贴品牌HEX颜色，并为第二个色点选择一种色调或阴影。使用我们的颜色转换器查找色调（HSL中亮度较高）或阴影（亮度较低）。