Web e creatività

Generatore sfumature

Visualizza una sfumatura lineare a due colori e copia il CSS con l’angolo scelto.

Area di lavoro⌁ Elaborato sul tuo dispositivo

Caricamento strumento…

Elaborato sul tuo dispositivo

01 /

Come funziona

Visualizza una sfumatura lineare a due colori e copia il CSS con l’angolo scelto. Inserisci i valori o prova l’esempio. Avvia l’azione, controlla il risultato e copialo o scaricalo. Gli errori non cancellano i dati inseriti.

02 /

Esempio

#246649 + #EEF4E9 · 90°
→ background: linear-gradient(90deg, #246649, #EEF4E9);
03 /

Quando usare questo strumento

Crea uno sfondo CSS per banner o schede e controlla la direzione.

Formati e limiti

Solo colori sRGB opachi. HEX a 3 o 6 cifre; RGB interi 0–255; HSL con tonalità 0–360 e percentuali 0–100. Arrotondamento a RGB a 8 bit.

Qualcosa non funziona ↗

Da sapere

Cosa succede se modifico i dati?

Dopo una modifica serve un nuovo risultato. Ripeti l’azione; i vecchi link vengono rimossi per evitare confusione.

I miei file vengono caricati?

File e testi vengono elaborati nella memoria temporanea del browser e non caricati per l’elaborazione. Le preferenze salvano solo identificatori degli strumenti, lingua e tema. Non ci sono account, pubblicità o segnalazioni automatiche. Chiudendo la pagina perdi il lavoro; scarica i risultati da conservare. Il sito in produzione usa Google Analytics per le statistiche di visita; consulta Privacy.