CSS 渐变生成器
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
手动编写 Linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) 并重新加载页面以查看它是一个缓慢的循环。该生成器将其关闭：选择线性、径向或圆锥形，拖动角度滑块，使用本机颜色选择器和百分比位置设置每个色标 - 并且全角预览会在每个输入上重新绘制，完成的背景线始终准备好复制。
三种渐变类型涵盖不同的工作。线性渐变沿一个方向淡入淡出，并带有大多数英雄部分和按钮；径向渐变从中心辐射出来，产生发光和晕影；圆锥形渐变扫过中心并增强饼图和色轮。您可以随时切换类型 - 您的止损会延续，因此比较这三种类型只需几秒钟。
多达六个色标为您提供了多波段设计的空间，预设页面提供了经过验证的组合——温暖的日落、平静的海洋和柔和的粉彩对——作为您可以调整的起点，而不是空白的画布。请注意分工：该网站上的调色板生成器选择和谐的平面颜色，颜色格式转换器在 HEX、RGB 和 HSL 之间转换值，而该工具则执行不同的工作 - 它将所选颜色转换为现成的 CSS 渐变代码。
一切都在浏览器本地运行：无需上传，无需帐户，无需服务器往返，生成器在加载后仍可离线工作。