Generatore di gradienti CSS

Genera un gradiente lineare CSS a due colori con anteprima.

Grafica Senza conservazione

Lunghezza massima per campo: 62 punti di codice Unicode. Consulta i limiti dell’operazione nelle istruzioni.

Guida rapida

Quando vuoi, prova con i tuoi dati.

Un esempio da provare

Inserisci

Colore iniziale (HEX)
#f00
Secondo colore (HEX)
#00f
Angolo (gradi)
90

Ottieni

linear-gradient(90deg, #FF0000, #0000FF)
Come funziona e limiti

Inserisci colori esadecimali opachi e un angolo CSS da 0 a 360 gradi, usando il punto decimale. Esempio: rosso, blu e 90 danno linear-gradient(90deg, #FF0000, #0000FF).

Copia il risultato come valore CSS di background. Il browser gestisce la resa finale.