Generatore di gradiente CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Ultimo aggiornamento: 2026 · Strumento online gratuito
Cos'è Generatore di gradiente CSS?
Editor visuale online gratuito per creare gradienti CSS e copiare il codice
Come usare
- 1 Seleziona tipo — Scegli il tipo di gradiente (lineare, radiale, conico).
- 2 Regola punti colore — Regola il colore e la posizione di ogni punto colore.
- 3 Anteprima — Controlla il risultato in tempo reale nell'anteprima.
- 4 Copia codice CSS — Copia il codice CSS negli appunti con il pulsante 'Copia'.
Strumenti correlati
Generatore CSS box-shadow Editor visuale online gratuito per creare CSS box-shadow e copiare il codice
Generatore CSS border-radius Editor CSS border-radius online gratuito con 8 controlli maniglia
Convertitore di colori Strumento online gratuito per convertire tra codici colore HEX, RGB, HSL, OKLCH con rapporto di contrasto WCAG
Domande frequenti
Non c'è limite, ma 2-6 è tipico. Troppi possono influire sulle prestazioni.
Sì. Attiva la casella 'Ripeti' per aggiungere il prefisso repeating.
Cinque preset sono forniti: Sunset, Ocean, Forest, Midnight e Rainbow.
Attualmente, viene prodotto solo CSS puro. La conversione Tailwind è prevista per un aggiornamento futuro.
No. Tutta l'elaborazione avviene nel browser.