渐变预览工作台
点击右侧预设卡片可快速替换当前渐变,也可以直接手动调整颜色与角度。
渐变分类
保留源页面的 CSS / 小清新 / 优雅 三组浏览方式。
当前色值
点击任意色值即可复制 HEX。
预设渐变库
点击“应用到预览”会同步更新左侧工作台;复制按钮则直接复制当前卡片的 CSS。
你可以怎么用
- 快速浏览常见渐变方案,复制到网页背景、按钮、卡片或海报中。
- 在左侧工作台手动调整颜色与角度,生成一条更贴近当前页面的渐变 CSS。
- 直接点击色值复制 HEX,用于 Figma、PS、Tailwind 或 CSS 变量。
分类说明
- CSS:更偏向网页背景和展示型大面积渐变。
- 小清新:颜色更轻、更亮,适合浅色站点与内容卡片。
- 优雅:饱和度更克制,适合品牌页、介绍页和封面氛围。

网友评论