Come costruire un gradiente CSS (Lineare, Radiale o Conico)
Pubblicato il 14 settembre 2026 · 2 min di lettura
I gradienti CSS supportano diverse forme e qualsiasi numero di stop di colore, ma visualizzare il risultato esatto dal solo codice grezzo è difficile. Questo strumento ti dà un’anteprima live mentre scegli colori, angolo e tipo di gradiente.
Prova Generatore di gradienti CSSPassaggi
- 1
Apri il Generatore Gradiente CSS
Vai al generatore di gradienti.
- 2
Scegli un tipo di gradiente
Scegli lineare, radiale o conico.
- 3
Imposta i tuoi colori e l’angolo
Scegli un colore iniziale e finale, un colore intermedio opzionale, e l’angolo per gradienti lineari o conici.
- 4
Copia il CSS
Incolla la regola background generata direttamente nel tuo foglio di stile.
Domande frequenti
Sì — aggiungi uno stop di colore intermedio per un gradiente a tre colori, insieme al colore iniziale e finale.
Il lineare transita lungo un angolo retto, il radiale si espande verso l’esterno da un punto centrale, e il conico spazza attorno a un punto centrale come una ruota dei colori — ognuno dà un effetto visivo distintamente diverso.
Sì — renderizza il CSS generato effettivo, quindi l’anteprima è esattamente ciò che vedrai una volta copiato il codice nel tuo progetto.
Poiché vedi il gradiente reale renderizzato dal vivo, non c’è alcuna incertezza nel tradurre un’immagine mentale nella sintassi CSS corretta.