Generatore di gradienti CSS
Crea gradienti lineari o radiali con fino a 4 colori e copia il codice CSS pronto all'uso.
Come creare un gradiente CSS online
Scegli il tipo di gradiente
Seleziona lineare o radiale, a seconda dell'effetto che desideri ottenere.
Aggiungi e regola i colori
Aggiungi fino a 4 colori, cambia il loro ordine e regola l'angolo o la posizione della sfumatura.
Copia il codice CSS
Premi il pulsante di copia e incolla il codice direttamente nel tuo foglio di stile.
Domande frequenti sul generatore di gradienti
Le sfumature sono un modo semplice per aggiungere profondità e stile a qualsiasi design web. Questo strumento genera il codice CSS esatto di cui hai bisogno, senza doverlo scrivere manualmente.
Quali tipi di sfumatura posso creare?
+
Puoi creare sfumature lineari (in qualsiasi angolo) e radiali.
Quanti colori posso usare?
+
Puoi combinare tra 2 e 4 colori nella stessa sfumatura.
Il codice funziona su tutti i browser?
+
Sì, viene generato con la sintassi CSS standard, compatibile con tutti i browser moderni.
Devo installare qualche programma?
+
No, non è necessario installare nulla. Funziona direttamente dal browser.
È gratuito?
+
Sì, questo strumento è completamente gratuito.
Posso usare la sfumatura come sfondo immagine?
+
Il codice generato è CSS puro; se hai bisogno di un'immagine, puoi fare uno screenshot dell'anteprima.
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.
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 Gradienti Mesh
Crea sfondi con gradienti mesh (macchie di colore sfumate) e scaricali in PNG o copia il codice CSS.
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à.
