Slumpmässig Gradientgenerator
Generera slumpmässiga CSS-gradienter — linjära, radiella, koniska. Harmoniska färgkombinationer, kopiera färdig CSS-kod.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Historik
Referens
Hur fungerar gradientgeneratorn?
Detta verktyg väljer 2-3 färger med harmonisk färgteori (analoga, komplementära eller triadiska relationer) med HSL-färgtonsrotationer. Slumpmässiga vinklar eller positioner väljs med crypto.getRandomValues(). Resultatet renderas som en livegranskning bredvid färdig CSS-kod.
Gradienttyper
- Linjär — färger blandas längs en rak linje med en konfigurerbar vinkel.
- Radiell — färger strålar utåt från en mittpunkt.
- Konisk — färger roterar runt ett centrum, som ett färghjul.
Vanliga användningsområden
- Hero-sektioner — iögonfallande bakgrunder för landningssidor.
- Kort & knappar — moderna UI-accenter med djup.
- Designinspiration — upptäck oväntade färgkombinationer.
- Bakgrunder & banners — generera unika visuella tillgångar.
Integritet
Alla gradienter genereras 100% i din webbläsare. Ingen data skickas till någon server.