Generatore di Gradienti Mesh
Crea sfondi con gradienti mesh (macchie di colore sfumate) e scaricali in PNG o copia il codice CSS.
Come creare una sfumatura mesh online
Scegli il colore di sfondo e aggiungi colori
Seleziona un colore base e aggiungi fino a 6 macchie di colore che si mescoleranno tra loro.
Randomizza le posizioni
Premi il pulsante di randomizzazione per riposizionare le macchie di colore finché non trovi una combinazione che ti piace.
Scarica il PNG o copia il CSS
Scarica il risultato come immagine PNG pronta all'uso, oppure copia il codice CSS per applicarlo direttamente al tuo sito web.
Domande frequenti sul generatore di gradienti mesh
I gradienti mesh (o degradati di maglia) sono diventati popolari come sfondo per pagine web, app e social media grazie al loro aspetto morbido e astratto. Questo strumento li genera e scarica direttamente nel tuo browser.
Che cos'è un gradiente mesh?
+
È una sfumatura composta da diverse macchie di colore sfumate che si mescolano tra loro, invece di una semplice transizione lineare o radiale tra due colori.
In che cosa differisce dal generatore di gradienti CSS normale?
+
Il generatore di gradienti CSS crea transizioni lineari o radiali tra 2 e 4 colori. Questo generatore crea un effetto più organico con diverse macchie di colore indipendenti e permette inoltre di scaricare il risultato direttamente come immagine PNG.
Quanti colori posso usare?
+
Puoi combinare tra 3 e 6 colori nello stesso gradiente mesh.
Posso scaricare il risultato come immagine?
+
Sì, puoi scaricare il gradiente mesh direttamente in formato PNG, pronto per essere utilizzato come sfondo.
È gratuito?
+
Sì, questo strumento è completamente gratuito.
Il mio design viene caricato su qualche server?
+
No. L'intero processo, dalla generazione al download del PNG, avviene direttamente nel tuo browser, senza caricare alcun dato su un server.
Colori
Convertitore di colori (HEX, RGB, HSL, CMYK)
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK istantaneamente, con anteprima in tempo reale e il nome del colore più vicino.
Generatore di palette di colori
Crea palette armoniche di 5 colori (complementari, analoghe, triadiche o monocomatiche) a partire da un colore base.
Generatore di gradienti CSS
Crea gradienti lineari o radiali con fino a 4 colori e copia il codice CSS pronto all'uso.
Controllore di contrasto WCAG
Verifica se la combinazione di colore del testo e dello sfondo rispetta i livelli di accessibilità AA e AAA.
Colore casuale
Genera un colore casuale con un clic e scopri il suo nome, codice HEX/RGB/HSL e colori simili.
Selettore di colore (contagocce)
Scegli qualsiasi colore dal tuo schermo con lo strumento contagocce del browser, oppure utilizza il selettore classico.
Simulatore di daltonismo
Carica un'immagine e verifica come la vedrebbero persone con protanopia, deuteranopia o tritanopia.
Generatore di Tonalità e Ombre
Genera automaticamente le tonalità più chiare e le ombre più scure di qualsiasi colore, con il suo codice HEX.
Mixer di Colori
Mescola due colori e scopri i toni intermedi passo dopo passo, con il loro codice HEX.
Ruota Cromatica (Armonie)
Scegli un colore sulla ruota e scopri le sue combinazioni armoniche: complementari, analoghi, triadici e altro ancora.
Estrattore di Tavolozza da Immagine
Carica un'immagine ed estrai automaticamente i suoi colori dominanti in una tavolozza, con il codice HEX di ciascuno.
Colore Medio di un'Immagine
Carica un'immagine e calcola istantaneamente il suo colore medio, con i codici HEX, RGB e HSL.
Esplora i colori per famiglia
Oltre 469 colori con nome, con i loro codici HEX, RGB, HSL e CMYK, organizzati in 12 famiglie di tonalità.
