Generatore di mesh gradient
Scegli fino a cinque colori e genera variazioni finché non ti piace. Lo sfondo è fatto con il radial-gradient del CSS e si può anche scaricare come immagine.
Come si usaSfumature con più colori
Disponibile in: 
Generatore di mesh gradient: a cosa serve
Il mesh gradient è la sfumatura con più macchie di colore che si fondono, molto usata negli sfondi di siti, presentazioni e post.
Qui scegli da due a cinque colori, mescoli le posizioni finché non ti piace e copi il CSS fatto con livelli di radial-gradient, che il browser disegna senza scaricare immagini. Se preferisci, scarica in PNG nelle dimensioni schermo, post, story o immagine del link.
Come si usa
- Scegli i colori e lo sfondo.
- Tocca mescola di nuovo finché la composizione non ti piace.
- Copia il CSS o scarica il PNG nella dimensione giusta.
Quando usarlo
- Sfondo della parte alta (hero) di un sito.
- Copertina di presentazione o di post.
- Immagine di sfondo per lo smartphone.
Domande frequenti
Che cos’è un mesh gradient?
È una sfumatura con più macchie di colore che si fondono in direzioni diverse, invece di andare da un lato all’altro. Ha un aspetto organico, come un’aurora o inchiostro nell’acqua, ed è molto usato negli sfondi di siti e presentazioni.
Come si fa in CSS?
Con più livelli di radial-gradient, ciascuno con un colore in una posizione e trasparente ai bordi, sopra un colore di sfondo. Il browser disegna tutto, senza scaricare immagini.
E il testo sopra?
Scegli colori con luminosità simile e metti il testo in un colore che contrasti con tutti, oppure usa un livello semitrasparente dietro il testo. Controlla il contrasto prima di pubblicare.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.