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.