素材阁

CSS 渐变生成器

可视化生成线性/径向渐变,可导出 PNG,可复制 CSS 或导出图片。

CSS 代码

使用说明

拖动色标即可调整颜色与位置,支持线性(用角度控制方向)与径向两种渐变,可随时添加、删除色标或随机配色。 「复制」把 background: ... 整行样式复制到剪贴板, 直接粘贴进 CSS 或内联样式即可使用;「导出 PNG」按所选尺寸在本地生成渐变图片, 适合做封面图、海报背景或视频分镜底图。若需要把图片转成别的格式,可配合图片格式转换; 想生成纯色占位图可用占位图生成; 想要一组协调的配色可试试配色方案生成器, 检查前景色与背景色的可读性可用颜色对比度检测。 全部在浏览器本地完成,不上传。

相关工具