Generatore di Gradienti
Crea gradienti CSS e copia il codice.
Crea un gradiente CSS in modo visivo: scegli lineare o radiale, imposta l'angolo, aggiungi tutti gli stop di colore che vuoi e copia il CSS pronto da incollare. Usa un preset, genera un gradiente casuale o regola ogni stop nel dettaglio. Generato localmente nel tuo browser.
Punti colore
Preset
Tutte le conversioni di colore vengono eseguite localmente nel browser — niente viene caricato, salvato o registrato.
Come funziona
- 1 Scegli lineare o radiale e imposta l'angolo.
- 2 Aggiungi e posiziona gli stop di colore.
- 3 Regola i colori finché l'anteprima non ti soddisfa.
- 4 Copia il CSS o generane uno casuale.
Casi d'uso comuni
- Creare uno sfondo per una hero section o un pulsante.
- Realizzare una scheda o un banner colorato.
- Prototipare rapidamente un gradiente di brand.
- Generare sfondi segnaposto.
Domande frequenti
I miei dati sui colori vengono inviati da qualche parte?
No. Ogni conversione e calcolo viene eseguito interamente nel tuo browser — nulla viene caricato, memorizzato o registrato.
Quali tipi di gradiente sono supportati?
Lineare (con un angolo) e radiale. Ciascuno supporta due o più stop di colore che puoi posizionare dallo 0% al 100%.
Posso usare il CSS direttamente?
Sì. Copia la dichiarazione `background:` e incollala nel tuo foglio di stile — funziona in tutti i browser moderni.
È davvero gratis?
Sì — gratis, senza registrazione, senza filigrana e senza limiti.