Gradientgenerator

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

Gratis online CSS-gradientgenerator. Design lineære, radiale og koniske gradienter visuelt, og kopiér derefter CSS-koden med det samme. Al behandling i din browser — ingen serverkommunikation. Perfekt til baggrunde, knapper og UI-elementer i webdesign.

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. Vælg gradienttype (lineær, radial osv.).
  2. Tilføj farvestop, og indstil farver.
  3. Kopiér den genererede CSS-kode.

Ofte stillede spørgsmål om Gradientgenerator

Hvilke gradienttyper understøttes?

Lineære, radiale og koniske gradienter understøttes.

Kan jeg kopiere CSS-koden direkte?

Ja, kopiér den genererede CSS-gradientkode med ét klik for at anvende den direkte på dit websted.

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.