CSS 渐变生成器

可视化调线性／径向渐变，取色、调角度，复制 CSS 或下载背景图。

CSS 渐变手写很痛苦 —— 角度、色标位置、颜色都要反复试。这个工具把渐变做成可视化编辑：拖滑杆调角度、加删色标、拖动位置，实时看到效果，复制 CSS 或直接下载一张 1920×1080 的背景图。

怎么用

1. 1选渐变类型（线性 / 径向 / 锥形）。
2. 2调整角度，增删色标，拖动每个色标的位置滑杆。
3. 3复制 CSS 变量，或下载 PNG 当作封面背景图。

常见问题

相关工具

• Midjourney 四宫格拆图把 Midjourney / AI 生成的 2×2、3×3 宫格图一键切成单张，批量下载。
• 图片压缩拖进图片调整质量即可瘦身，显示压缩前后体积与节省比例，不上传服务器。
• 图片尺寸调整按像素或社交平台预设（小红书、Instagram、X、视频封面）等比改尺寸。
• 调色板提取从任意图片提取主色，输出 HEX / RGB 色值和可复制的 CSS 变量。
• 图片格式转换PNG / JPG / WebP 互转，批量处理并在浏览器内完成，画质可调。
• EXIF 信息清除重编码抹掉拍摄设备、时间与 GPS 位置，上传前先检出隐私信息。
• 图片裁剪拖拽选区、锁定常用比例，带上旋转与翻转，精确裁剪后导出。
• 一键白底把纯色背景一键换成白底，电商商品图、证件照直接过审，全程本地处理。
• SVG 预览与转 PNG粘贴 SVG 代码即时预览，按任意倍率导出透明背景 PNG。
• 配色方案生成器从主色生成互补、三角、类似色板，输出 HEX 与 CSS 变量。