2026-06-28

Come creo un gradiente sottile invece di una fusione brusca a due colori?.

Usa colori correlati, transizioni delicate e bassa saturazione per un gradiente CSS che supporti la pagina.

Un gradiente brusco ha spesso troppo contrasto, saturazione o una transizione improvvisa. Inizia con due colori vicini e lascia che il cambiamento avvenga gradualmente.

Invece di combinare due colori del brand senza relazione alla massima intensità, prova una tonalità a due livelli di luminosità: blu-grigio tenue da una parte e leggermente più scuro dall’altra.

Regola una variabile alla volta

Con i colori HSL puoi mantenere simile la tonalità cambiando luminosità o saturazione. Se la transizione è ancora evidente, riduci la saturazione prima di aggiungere colori.

Il Creatore di Gradienti offre anteprima e CSS da copiare. Prova prima un gradiente lineare diagonale, poi uno radiale. Controllalo a grandezza piena e su mobile: il contenuto deve restare protagonista.