Gradientgenerator

Gratis CSS-gradientgenerator online. Lineær og radiel, juster retning, farver, stoppunkter. Kopier kode. Behandles i browseren.

Free online CSS gradient generator. Visually design linear, radial, and conic gradients, then copy the CSS code instantly. All processing in your browser — no server communication. Perfect for web design backgrounds, buttons, and UI elements.

Type
Vinkel
90°
Farver
0%
100%
CSS-kode
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Filer sendes ikke til nogen server

Hvordan bruger man Gradientgenerator?

  1. Select gradient type (linear, radial, etc.).
  2. Add color stops and set colors.
  3. Copy the generated CSS code.

Ofte stillede spørgsmål om Gradientgenerator

What gradient types are supported?

Linear, radial, and conic gradients are supported.

Can I copy the CSS code directly?

Yes, one-click copy the generated CSS gradient code to apply directly to your website.

Relaterede værktøjer

Farvevælger

Vælg, konverter og kopier farver i formaterne HEX, RGB, HSL, OKLCH. Gem paletter. Gratis.

Farvekodekonverter

Gratis farvekodekonverter online. Realtidskonvertering mellem HEX, RGB, HSL, CMYK med forhåndsvisning. Behandles i browseren.

Farvepaletgenerator

Gratis farvepaletgenerator online. Automatisk oprettelse af harmoniske farver: komplementære, analoge, triadiske. Behandles i browseren.

Tilfældig farve

Gratis tilfældig farvegenerator online. Et klik for tilfældig farve, kopier HEX/RGB-kode med det samme. Behandles i browseren.