跳到主要内容
Numio

CSS 渐变生成器 — 线性、径向与锥形渐变

通过可拖动的色标、角度转盘和预设，创建线性、径向和锥形 CSS 渐变。一键复制 CSS 或 Tailwind 类名。免费，即时生成。

色标点击添加 · 拖动移动
CSS
background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);
Tailwind
bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

预设

格式参考资料

工具页面更新日期：