lock文件不会上传到服务器
免费在线CSS渐变生成器。 可视化设计线性、径向和锥形渐变，即时复制CSS代码。 浏览器中处理，无服务器通信。 适合网页设计背景、按钮和UI元素。 渐变生成器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录，在电脑和手机的浏览器中即可直接使用。
如何使用渐变生成器?
- 选择渐变类型。
- 添加色标并设置颜色。
- 复制生成的CSS代码。
渐变生成器常见问题
支持哪些渐变类型？
支持线性、径向和锥形渐变。
可以直接复制CSS代码吗？
是的，一键复制CSS渐变代码直接应用到网站。
为什么渐变中间会出现一条发灰的带子？
当两种颜色在色轮上正好相对时，过渡到中段饱和度会降到接近零，于是呈现出一条发灰的带子。蓝配橙、红配绿最容易出现这种情况。在两色之间加入第三种颜色作为中间停止点，就能绕开灰色；一开始就选色轮上相邻的两种颜色，则根本不会有这个问题。
做好的 CSS 渐变能保存成图片文件吗？
可以，下载 PNG 后就能直接用作幻灯片背景、社交图片或印刷版面。不过若是放到网页上，直接用 CSS 代码要好得多：不需要额外下载文件、加载更快，渐变能随屏幕尺寸自由拉伸而不变形，放大时也不会出现位图那样的锯齿。
如何充分利用渐变生成器?
- 选色轮上相近的两种颜色，中间就不会出现发灰的过渡带。
- 横幅和卡片背景用 135 度斜向渐变最稳妥，几乎不会出错。
- 如果要在上面放文字，请按最浅的那个色标去检查对比度。
Powered by Patrache Studio Tools