Gratis CSS Gradient Generator
Opret lineære og radiale CSS-gradienter visuelt, forhåndsvis dem øjeblikkeligt og kopier den genererede CSS-kode.
CSS Gradient-generator laver lineære eller radiale CSS-gradienter med justerbar vinkel og op til tre farvestop, med live forhåndsvisning og kopiér med ét klik af den genererede CSS-regel. Inkluderer færdige forudindstillinger (Sunset, Ocean, Purple Glow, Soft Gray) og retningsgenveje. Kører helt i din browser — ingen upload, ingen login, ingen konto. Lavet af FreeToolHub.
Gradienttype
Forhåndsvisning
CSS-output
background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
Hurtige forudindstillinger
Opret smukke CSS-gradienter til websteder, knapper, baggrunde og UI-elementer.
Ofte stillede spørgsmål
Hvad er en CSS-gradient?
En CSS-gradient er en jævn overgang mellem to eller flere farver, der er defineret helt i CSS uden billedfiler. Gradienter kan anvendes på ethvert element som baggrund.
Hvad er forskellen på lineære og radiale gradienter?
En lineær gradient overfører farver langs en ret linje i en bestemt vinkel. En radial gradient overfører farver udad fra et centralt punkt i en cirkulær eller elliptisk form.
Kan jeg kopiere den genererede CSS?
Ja. Klik på «Kopier CSS» for at kopiere kun CSS-uddragget til udklipsholderen. Du kan indsætte det direkte i dit stylesheet.
Hvor mange farvestop kan jeg bruge?
Denne generator understøtter op til 3 farvestop. Hvert stop har en farve og en position fra 0 % til 100 %.
Gemmer dette værktøj mine indstillinger?
Nej. Alle gradientindstillinger er lokale i din browsersession. Intet gemmes eller sendes til nogen server.
Er denne generator gratis?
Ja. CSS Gradient Generator er helt gratis uden tilmelding og uden begrænsninger.