Generatore gradienti
Crea gradienti CSS lineari, radiali e conici da zero con controllo multi-stop trascinabile e preset curati. Copia il CSS pronto all'uso all'istante.
background: —;
Tutto viene calcolato in tempo reale nel tuo browser — nessuna registrazione, completamente gratuito.
Informazioni su Generatore gradienti
Il Generatore di Gradienti crea gradienti CSS personalizzati da zero. Scegli un tipo lineare, radiale o conico, imposta l'angolo, e modella la sfumatura con un editor multi-stop: trascina le maniglie per spostare gli stop, clicca sulla barra per aggiungerne di nuovi, e ricolora ogni stop con un selettore: l'anteprima dal vivo si aggiorna man mano che lavori.
Preset curati offrono un buon punto di partenza quando non vuoi iniziare da zero, e azioni con un clic — casuale, inverti, ruota di 45° — rendono l'esplorazione rapida. Il CSS generato è sempre visibile e resta sincronizzato con l'anteprima, così quello che copi è esattamente ciò che hai visto.
Tutto viene calcolato dal vivo nel tuo browser senza alcun costo. Copia la regola CSS completa o solo il valore di sfondo e incollalo in un foglio di stile, in uno stile di pulsante o in una sezione hero: un generatore di gradienti CSS diretto per sfondi, overlay e accenti dell'interfaccia.
Come usare Generatore gradienti
- Scegli un tipo di gradiente: lineare, radiale o conico.
- Parti da un preset o clicca su "Casuale" per un punto di partenza immediato.
- Trascina le maniglie degli stop per posizionare i colori, clicca sulla barra per aggiungere stop, e modifica il colore di ciascuno.
- Regola l'angolo, oppure usa "Inverti" e "Ruota di 45°" per riorientare la sfumatura.
- Copia la regola CSS o il valore di sfondo e incollalo nel tuo progetto.