Strumenti/Codice & Sviluppatore/Generatore Gradienti CSS

Generatore Gradienti CSS

Genera codice gradiente CSS.

100% sul dispositivo · 0 upload

Colore 1

Colore 2

Tipo di gradiente

Angolo: 90°

background: linear-gradient(90deg, #4f46e5 0%, #ec4899 100%);

01 · Illimitato

Usalo quante volte vuoi — completamente gratuito.

02 · Privato

I tuoi file non lasciano mai il dispositivo; tutto funziona nel browser.

03 · Veloce

L'elaborazione è locale e si conclude in pochi secondi.

Come creare gradienti CSS

Scegli i tuoi colori

Seleziona due o più colori con i selettori visivi.

Regola tipo e angolo

Passa da lineare a radiale, ruota la direzione, riposiziona gli stop.

Copia il codice CSS

Prendi la proprietà background pronta e incollala nel tuo foglio di stile.

Perché questo generatore di gradienti?

✓Editing visivo con anteprima dal vivo

✓Lineare e radiale con pieno controllo dell'angolo

✓Output CSS pulito da copia-incolla

✓Gratis, istantaneo, senza registrazione

Domande frequenti

Quali tipi di gradiente sono supportati?+

Gradienti lineari a qualsiasi angolo e radiali da un punto centrale — i due cavalli da lavoro che coprono praticamente tutto il design di interfacce.

Il CSS generato è compatibile ovunque?+

Sì — la sintassi standard linear-gradient() e radial-gradient() è supportata da tutti i browser da anni, senza prefissi.

Come rendere professionali i gradienti?+

Tieni vicine tonalità adiacenti (blu verso viola, non blu verso arancione), evita estremi nero/bianco puri e considera un angolo sottile come 135° invece della verticale.

Posso usare più di due colori?+

Sì — aggiungi più stop di colore per transizioni multicolore stile alba. L'anteprima si aggiorna dal vivo.