Pastel CSS Gradient — 现成代码
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
此页面打开渐变生成器，其中加载了现成的柔和淡入淡出：粉红色#ffdde1 混合到尘土飞扬的玫瑰色#ee9ca7。预览面板会立即显示软结果，下面是准备好的 CSS 线。
柔和的渐变在饱和渐变会大喊大叫的地方发挥作用：登录屏幕、卡片、空状态以及美容或生活方式品牌。由于两个色块都是浅色，因此深色文本在整个表面上都保持可读性——如果没有覆盖层，最生动的渐变就无法提供这种效果。
按原样复制线条，或通过微调不透明度相邻的技巧进一步软化它：将玫瑰色光圈移至 80% 并让粉红色占主导地位，或翻转到放射状类型以获得柔和的中心光芒。该工具会更新每个输入的可复制 CSS。