Generatore di Gradienti Casuali
Genera gradienti CSS casuali — lineari, radiali, conici. Combinazioni armoniose, codice CSS pronto da incollare. Nel tuo browser.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Cronologia
Riferimento
Come funziona il generatore di gradienti?
Questo strumento sceglie 2-3 colori usando teoria armonica del colore (relazioni analoghe, complementari o triadiche) con rotazioni di tonalità HSL. Angoli o posizioni casuali sono scelti con crypto.getRandomValues(). L'output viene reso come anteprima dal vivo accanto al codice CSS pronto da incollare.
Tipi di gradiente
- Lineare — i colori si fondono lungo una linea retta con angolo configurabile.
- Radiale — i colori si irradiano da un punto centrale.
- Conico — i colori ruotano attorno a un centro, come una ruota dei colori.
Usi comuni
- Sezioni hero — sfondi accattivanti per landing page.
- Card e pulsanti — accenti UI moderni con profondità.
- Ispirazione di design — scopri combinazioni di colori inaspettate.
- Sfondi e banner — genera asset visivi unici.
Privacy
Tutti i gradienti vengono generati al 100% nel tuo browser. Nessun dato inviato.