Gradientgenerator

Gratis CSS-gradientgenerator online. Linjär och radiell, justera riktning, färger, stoppunkter. Kopiera kod. Bearbetas i webbläsaren.

Gratis CSS-gradientgenerator online. Designa visuellt linjära, radiella och koniska gradienter, kopiera sedan CSS-koden direkt. All bearbetning i din webbläsare – ingen serverkommunikation. Perfekt för bakgrunder, knappar och UI-element i webbdesign.

Typ
Vinkel
90°
Färger
0%
100%
CSS-kod
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Filer skickas inte till någon server

Hur använder man Gradientgenerator?

  1. Välj gradienttyp (linjär, radiell osv.).
  2. Lägg till färgstopp och ställ in färger.
  3. Kopiera den genererade CSS-koden.

Vanliga frågor om Gradientgenerator

Vilka gradienttyper stöds?

Linjära, radiella och koniska gradienter stöds.

Kan jag kopiera CSS-koden direkt?

Ja, kopiera den genererade CSS-gradientkoden med ett klick för att tillämpa den direkt på din webbplats.

Relaterade verktyg

Färgväljare

Välj, omvandla och kopiera färger i formaten HEX, RGB, HSL, OKLCH. Spara paletter. Gratis.

Färgkodskonverterare

Gratis färgkodskonverterare online. Realtidskonvertering mellan HEX, RGB, HSL, CMYK med förhandsgranskning. Bearbetas i webbläsaren.

Färgpalettgenerator

Gratis färgpalettgenerator online. Automatiskt skapa harmoniska färger: komplementära, analoga, triadiska. Bearbetas i webbläsaren.

Slumpmässig färg

Gratis slumpmässig färggenerator online. Ett klick för slumpmässig färg, kopiera HEX/RGB-kod direkt. Bearbetas i webbläsaren.