Generatore gradienti CSS
Crea gradienti lineari o radiali e copia subito il codice CSS.
Come usare gradienti css
- Inserisci i dati richiesti o seleziona i file dal tuo dispositivo.
- Personalizza le opzioni e controlla l'anteprima, quando disponibile.
- Clicca su Genera, Converti o Scarica per ottenere il risultato.
Non è necessario registrarsi. Lo strumento opera sul tuo dispositivo; i dati inseriti non vengono inviati ai nostri server.
Elaborazione nel browser
La velocità dipende dal tuo dispositivo e dalla dimensione dei file. Se un file non è supportato, apparirà un messaggio di errore. Prima di elaborare documenti importanti, conserva una copia degli originali.
Le librerie JavaScript utilizzate dagli strumenti sono ospitate su questo sito. Nessun contenuto dei tuoi file viene inviato al server per l’elaborazione.
Quando usare gradienti css
Seleziona i colori e il tipo di sfumatura. Per i gradienti lineari scegli un angolo da 0 a 360 gradi; per quelli radiali osserva l'anteprima mentre modifichi i colori.
Un esempio pratico
Esempio: linear-gradient(125deg, #375DEA, #48D6C0) produce una sfumatura obliqua fra blu e turchese.
Limiti da conoscere
Il risultato è codice CSS, non un'immagine raster. Per esportare un'immagine occorre fare uno screenshot o usare un tool dedicato.
Domanda frequente
Posso creare gradienti con tre colori?
Sì. Attiva l'opzione Terzo colore per aggiungere uno stop intermedio.