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?
Generatore visivo gratuito di gradienti CSS: crea gradienti lineari, radiali e conici, regola i punti colore e l'angolo e copia il codice CSS pronto all'uso per gli sfondi.
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 Generatore CSS box-shadow gratuito online con controlli per offset, sfocatura, diffusione, colore e inset, che offre un'anteprima dal vivo dell'ombra e produce codice CSS box-shadow pronto da copiare.
Generatore CSS border-radius Generatore CSS border-radius gratuito online con otto maniglie d'angolo indipendenti e cursori, che offre un'anteprima dal vivo della forma arrotondata e produce codice CSS border-radius pronto da copiare.
Convertitore di colori Convertitore di colori gratuito online che traduce all'istante tra codici HEX, RGB, HSL e OKLCH e calcola il rapporto di contrasto WCAG tra due colori per verificare l'accessibilità con facilità.
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.