Privvert logoPrivvert

CSS-gradient

Linjär och radiell

Om det här verktyget

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å använder du det

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

Allt sker i din webbläsare med JavaScript och WebAssembly. Dina filer laddas aldrig upp, lagras aldrig och ses aldrig av oss.

Vanliga frågor

Does it support OKLCH gradients?

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