2026-06-22
Come creo uno sfondo sfumato che non sembri economico?.
Alcune scelte misurate per rendere i gradienti CSS intenzionali invece che rumorosi o datati.
Un buon gradiente di solito fa meno di quanto immagini. Usa colori vicini, una direzione chiara e spazio vuoto sufficiente per il contenuto.
Il problema più comune è scegliere due colori brillanti, saturi e senza relazione. Il risultato compete con il testo. Parti da un colore del brand e spostalo verso una versione più chiara, scura o meno satura.
Tre modi per mantenerlo discreto
- Usa tonalità correlate. Blu verso blu-violetto è più calmo del blu verso arancione brillante.
- Riduci la saturazione. Un colore attenuato può creare profondità senza dominare.
- Dagli uno scopo. Può guidare l’occhio, separare una sezione o aggiungere texture.
Il Creatore di Gradienti permette di provare gradienti lineari, radiali e conici e copiare il CSS. Inizia con due stop.
Inserisci contenuti reali sopra il gradiente e controlla titoli, testo, pulsanti e mobile.