Generatore di sfumature

Crea e visualizza in anteprima le sfumature CSS visivamente.

Impostazioni sfumatura
Imposta il tipo e la direzione della sfumatura
Punti di colore
Imposta i colori e le posizioni della sfumatura
%
%
Predefiniti
Prova sfumature predefinite
Anteprima
Visualizza la sfumatura generata
CSS generato
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);
Descrizione del tipo di sfumatura

Sfumatura lineare

Una sfumatura che cambia colore in una direzione rettilinea. Puoi regolare l'angolo per impostare la direzione.

Sfumatura radiale

Una sfumatura che cambia colore da un punto centrale verso l'esterno in una forma circolare o ellittica.

Sfumatura conica

Una sfumatura conica che cambia colore ruotando attorno a un punto centrale.

    Generatore di sfumature