Generatore di sfumature CSS

Tipo di sfumatura

Angolo (gradi)

Forma

Punti di colore

Output CSS

Cos'è una sfumatura CSS?

Le sfumature CSS permettono di visualizzare transizioni fluide tra due o più colori senza usare file immagine. Esistono tre tipi: linear-gradient (lungo una linea retta), radial-gradient (irradiante da un punto centrale) e conic-gradient (che ruota attorno a un punto centrale). Le sfumature sono usate per sfondi, pulsanti, sovrapposizioni ed elementi decorativi.

Come usare il generatore di sfumature CSS

Scegli un preset dai campioni o configura la tua sfumatura.
Scegli il tipo di sfumatura: linear, radial o conic.
Regola l'angolo (per linear/conic) o la forma (per radial).
Modifica i punti di colore — cambia colori e posizioni (0–100%).
Aggiungi o rimuovi punti di colore secondo necessità.
Copia il CSS e incollalo nel tuo foglio di stile.

Keywords: generatore sfumatura CSS, gradiente lineare, gradiente radiale, gradiente conico, generatore sfondo CSS, selettore colore gradiente, strumento gradiente CSS