从配色到网页背景
CSS 渐变编辑器
给横幅、卡片或按钮配一段可直接使用的背景样式。
设置与代码仅在当前页面内存中处理，不上传、不自动保存。刷新后恢复默认配色；网站页面本身需要联网加载。
1. 方向与色标
0° 向上，90° 向右，180° 向下，270° 向左。
色标位置从 0% 到 100%；代码按位置排序，同位置按列表顺序衔接，可做清晰分界。颜色接受 #RGB 或 #RRGGBB。
当前 3 / 8 个色标，至少保留 2 个。均匀分布按列表顺序重排位置；反转会镜像全部色标位置与顺序。
2. 预览背景
把灵感，变成下一步。
你的内容，由你定义。预览比例、示例文字与文字颜色不写入 CSS。当前不检测对比度，实际文字请在整个渐变区域及不同屏幕宽度下复查。
3. 使用 CSS
将代码放入样式表，为目标元素添加 gradient-background 类，并给元素设置实际宽高或内容。代码包含底色与背景渐变，不含页面布局。
范围与使用提示
支持线性渐变、椭圆径向渐变及 2–8 个色标，不解析已有 CSS，不生成网格、动画、图片或 SVG。角度、位置与不透明度均使用整数；0% 不透明度表示完全透明，会透出底色。
渐变随元素尺寸绘制，同一角度在不同长宽比例下观感可能不同。相同位置的两个色标会产生硬分界；需要柔和过渡时请拉开位置。请在目标浏览器中检查效果，背景效果不等于无障碍达标。