什么是CSS 渐变生成?
CSS 渐变生成器支持线性、径向与锥形三种渐变,可调整角度与两端颜色,实时预览并输出可直接复制的 CSS。生成在浏览器本地完成。
怎么用CSS 渐变生成?
- 1选择渐变类型。
- 2设置起始色、结束色与角度。
- 3复制 CSS 到样式表。
常见问题
为什么大面积渐变中间会出现一条灰带?+
因为默认的插值发生在 sRGB 空间,两个饱和度较高的对比色之间会经过低饱和区域。解决办法是在中间插入一个饱和度更高的过渡色,或改用 oklch 插值(现代浏览器已支持 in oklch 语法)。
锥形渐变有什么实际用途?+
最常见的是不用 SVG 画饼图和进度环,也可用于做棋盘格底纹与色轮。它的起点角度与色标位置都可控,配合 CSS 变量能做出可动态更新的图表。