Generera

CSS-gradientgenerator

Skapa snygga CSS-gradienter med liveförhandsvisning

Vinkel135°

Färgstopp

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Om CSS-gradientgenerator

CSS-gradientgeneratorn skapar vackra linjära och radiella gradienter med en live förhandsvisning. Den producerar färdig CSS-kod som du kan kopiera direkt till dina projekt. Detta gratisverktyg körs i din webbläsare och lagrar inga data på någon server.

Vanliga frågor

Hur skapar jag en CSS-gradient?

Välj din gradienttyp, välj färger med färgväljarna, justera riktning eller vinkel och se resultatet i realtid. När du är nöjd med gradienten kopierar du den genererade CSS-koden och klistrar in den i ditt stilmall.

Lagras eller överförs några data?

Nej. Gradienten skapas helt i din webbläsare. Inga färger, inställningar eller CSS-kod skickas till någon server. Allt stannar på din enhet tills du kopierar den genererade koden.

Kan jag skapa gradienter med fler än två färger?

Ja, du kan lägga till flera färgstopp för att skapa komplexa, flerfärgade gradienter. Du kan också justera positionen för varje färgstopp och gradientvinkeln eller riktningen för att uppnå exakt den visuella effekt du vill ha.