Privvert logoPrivvert

CSS-gradient

Lineær og radial

Om dette værktøj

Build CSS gradients - linear, radial or conic - with multiple color stops, then copy the CSS into your project.

Funktioner

  • Linear, radial and conic
  • Unlimited color stops
  • Angle / position controls
  • CSS and Tailwind output

Sådan bruger du det

  1. Add color stops and adjust positions.
  2. Pick a gradient type.
  3. Copy the CSS.
🔒 100 % privat

Alt sker inde i din browser med JavaScript og WebAssembly. Dine filer bliver aldrig uploadet, aldrig gemt og aldrig set af os.

Ofte stillede spørgsmål

Does it support OKLCH gradients?

Yes - interpolation in OKLCH avoids muddy mid-tones common with sRGB gradients.