GradientLab

About GradientLab

Design beautiful CSS gradients by eye and copy production-ready code in one tap.

• Linear, radial and conic gradients with angle, shape and position controls
• 2–6 colour stops with drag sliders, add/remove, and even-out spacing
• Live preview with a sample surface and a real gradient button
• Ten hand-picked presets: Sunset, Ocean, Aurora, Colour wheel and more
• Copy as background, background-image, inline style, or Tailwind arbitrary value
• Save your own gradients with swatches, reload any of them later

可视化搭建线性 / 径向 / 锥形 CSS 渐变：色标滑杆自由增删、角度与位置实时可调，内置 10 组精选预设；一键复制 background / 行内样式 / Tailwind 代码，常用渐变可命名保存，完全离线。