Tilfeldig Gradientgenerator
Generer tilfeldige CSS-gradienter — lineære, radiale, koniske. Harmoniske fargekombinasjoner, kopier ferdig CSS-kode.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Historikk
Referanse
Hvordan fungerer gradientgeneratoren?
Dette verktøyet velger 2-3 farger ved hjelp av harmonisk fargeteori (analoge, komplementære eller triadiske forhold) med HSL-fargetonerotasjoner. Tilfeldige vinkler eller posisjoner velges med crypto.getRandomValues(). Resultatet vises som en live forhåndsvisning ved siden av ferdig CSS-kode.
Gradienttyper
- Lineær — farger blandes langs en rett linje med en konfigurerbar vinkel.
- Radial — farger stråler utover fra et midtpunkt.
- Konisk — farger roterer rundt et senter, som et fargehjul.
Vanlige bruksområder
- Hero-seksjoner — iøynefallende bakgrunner for landingssider.
- Kort & knapper — moderne UI-aksenter med dybde.
- Designinspirasjon — oppdage uventede fargekombinasjoner.
- Bakgrunnsbilder & bannere — generer unike visuelle ressurser.
Personvern
Alle gradienter genereres 100% i nettleseren din. Ingen data sendes til noen server.