Generatore di Gradienti CSS
Crea gradienti CSS lineari, radiali e conici con più punti di colore e copia il codice.
background: —;
Tutto viene eseguito nel tuo browser — nessun caricamento, nessuna registrazione.
Informazioni su Generatore di Gradienti CSS
Il Generatore di Gradienti CSS crea gradienti lineari, radiali e conici con pieno controllo visivo. Aggiungi punti di colore cliccando sulla barra del gradiente, trascinali per riposizionarli, e assegna a ogni punto un proprio colore, opacità e posizione. I gradienti lineari ottengono un controllo dell'angolo; quelli radiali una forma (cerchio o ellisse) e una posizione; quelli conici un angolo di partenza.
L'anteprima live mostra esattamente ciò che il browser renderizzerà, e un pulsante casuale più una serie di preset curati sono disponibili quando serve un punto di partenza invece di una tela vuota. I punti possono essere aggiunti e rimossi liberamente — un gradiente richiede solo almeno due punti.
Quando il risultato è quello giusto, copia il valore nudo del gradiente o una regola CSS completa. Il generatore funziona interamente nel tuo browser senza upload e senza registrazione, rendendolo un compagno rapido per pulsanti, sfondi hero, bordi ed effetti testuali.
Come usare Generatore di Gradienti CSS
- Scegli il tipo di gradiente: lineare, radiale o conico.
- Imposta l'angolo (lineare), la forma e la posizione (radiale), oppure l'angolo di partenza (conico).
- Clicca sulla barra del gradiente per aggiungere punti di colore e trascinali in posizione.
- Assegna a ogni punto il suo colore, opacità e posizione esatta.
- Prova i preset o il pulsante casuale per un'ispirazione rapida.
- Copia il valore del gradiente o la regola CSS completa.