首页 › 前端工具 › 渐变颜色生成器/span>
GC

渐变颜色生成器/h1>

支持线性渐变,径向渐变,拖拽排序颜色停止点,实时预览并复制CSS代码

渐变类型线性渐变/ 径向渐变
颜色停止点/span>可添功/ 删除 / 拖拽排序
角度控制0° - 360° (线性渐变
输出可复分CSS 代码
渐变类型＀/span>
渐变角度＀/span> °
颜色停止点(2)
渐变预览
CSS 代码

            
渐变类型线性
停止点数2
角度135°
代码长度0 字符

渐变颜色生成器说明/h2>

渐变颜色生成器用于创廀CSS 渐变背景,支持线性渐变(linear-gradient)和径向渐变(radial-gradient)两种类型。

线性渐变:颜色沿指定方向(角度)线性过渡,0° 为从下到上,90° 为从左到右,可设网0°-360° 任意角度 /p>

径向渐变颜色从中心向外辐射过渡,适合创建圆形或椭圆形的光晕效果。

颜色停止点:每个停止点包含颜色值和位置百分比,至少需要 2 个停止点。可通过拖拽重新排序,点减添加"可增加新的停止点 /p>

预设方案内置日落、海洋、森林、金色四种预设渐变方案,点击即可快速应用。

复制功能点击"复制 CSS 代码"按钮,即可将生成的CSS 渐变代码复制到剪贴板,直接用于样式开发。

前端工具