CSS 渐变生成器

可视化编辑渐变效果,实时生成 CSS 代码

135°
#6366f1
位置%
#8b5cf6
位置%
#ec4899
位置%
CSS 代码
.element {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
}
Tailwind 近似:bg-gradient-to-r from-[#6366f1] to-[#ec4899]