CSS 渐变生成

CSS 渐变生成可在浏览器中根据角度与两种颜色生成并预览 linear-gradient CSS。

⌂ 输入和结果仅在此浏览器中处理，不会自动保存或发送。

类型重复角度135

等待输入

● 实时预览

起始颜色

结束颜色

等待输入

完整文本结果

使用方法

选择线性或径向渐变，设置色标、角度等，逐项调整并看预览。

复制 CSS 后在实际元素尺寸下检查。叠加文字时应检查背景中最难阅读位置的对比度。

#4F46E5
---
#22D3EE

每个输入限1,048,576字节，输出限33,554,432字节，处理时间限5,000毫秒。输入不会被静默截断。