Ocean CSS Gradient — 现成代码
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
此页面打开梯度生成器，其中加载了现成的海洋淡入淡出：深青色#2193b0流入浅水色#6dd5ed。全角预览会立即渲染它，并且背景 CSS 行已准备好复制。
蓝青色渐变是 UI 中最安全的选择：它们表示平静和信任，保持白色和深色文本两端可读，并且同样适合仪表板、SaaS 登陆页面和横幅。两个站点共享相同的冷色调系列，因此整个长度上的混合保持干净。
按原样发送或调整：使角度变陡以获得垂直深度效果，或在 100% 处添加接近白色的光阑以获得地平线发光。如果您需要为按钮和强调色匹配纯色，该网站上的调色板生成器可以从任一站构建和谐。