Generatore di gradienti CSS

Scegli due colori, imposta la direzione e copia un gradiente CSS pronto all'uso.

Sul tuo dispositivo · Senza account

Generatore di gradienti CSS elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

Italiano

Primo colore

Secondo colore

Direzione e forma

Angolo (gradi)

Forma

Risultato

Enter your values.

Altro

Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Crea un gradiente CSS con i tuoi colori

Un gradiente lineare sfuma dal primo all'ultimo punto colore lungo l'angolo CSS selezionato. La modalità radiale si espande dal centro. Copia la dichiarazione direttamente nella proprietà background.

Successivo: Selettore colore da immagine

Esempio

Le impostazioni predefinite producono linear-gradient(90deg, #0B7285 0%, #FF6B5E 100%), con una sfumatura da sinistra a destra.

Prima di usare il risultato

L'anteprima usa il rendering CSS del browser. I punti colore e l'interpolazione possono apparire diversi nei programmi di grafica esterni al browser.

Successivo: Ridimensiona immagini

Cita questa pagina

Stile di citazione

ToolOctopus. “Generatore di gradienti CSS.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/generatore-di-gradienti-css.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.