Juhuslik Gradiendigeneraator
Genereeri juhuslikke CSS-gradiente — lineaarseid, radiaalseid, koonilisi. Harmoonilised värvikombinatsioonid, kopeeri valmis CSS-kood.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Ajalugu
Viide
Kuidas töötab gradiendigeneraator?
See tööriist valib 2-3 värvi kasutades harmoonilist värviteooriat (analoogsed, komplementaarsed või triadilised suhted) HSL-värvitooni rotatsioonidega. Juhuslikud nurgad või positsioonid valitakse funktsiooniga crypto.getRandomValues(). Tulemus renderdatakse otsesaate eelvaatena valmis CSS-koodi kõrval.
Gradiendi tüübid
- Lineaarne — värvid segunevad piki sirget joont konfigureeritava nurga all.
- Radiaalne — värvid kiirgavad väljapoole keskpunktist.
- Kooniline — värvid pöörlevad ümber keskme nagu värviratas.
Levinumad kasutused
- Hero-sektsioonid — silmapaistvad taustad maandumislehtede jaoks.
- Kaardid & nupud — modernne UI-aktsendid sügavusega.
- Disainiinspiratsioon — avasta ootamatuid värvikombinatsioone.
- Taustapildid & bännerid — genereeri ainulaadseid visuaalseid varasid.
Privaatsus
Kõik gradiendid genereeritakse 100% teie brauseris. Andmeid ei saadeta serverisse.