CSS 多色标渐变生成器

工作原理

超过两种颜色后，CSS 渐变在视觉上会丰富得多：三个或更多色标可以做出日落般的过渡、全息效果，或现代落地页的背景。此工具可让您自由添加、定位（按百分比）和删除每个色标，预览实时更新，并提供可直接复制的准确 CSS 代码。

线性渐变和径向渐变有什么区别？

线性渐变（linear-gradient）沿设定的角度呈直线推进，而径向渐变（radial-gradient）从中心点出发向外呈圆形扩散，常用于光晕或圆形区块背景。

色标的位置是什么意思？

位置（百分比）表示颜色在渐变的哪个位置达到最大强度，然后开始过渡到下一个色标。让两个色标靠得更近，它们之间的过渡会更分明；拉开距离，则渐变更柔和。

100% 本地处理：渐变的组合和代码的生成都直接在您的浏览器中完成，不会发送任何数据。