Generatore di gradienti
Visualizza l'anteprima di un gradiente e copia il relativo CSS.
Generatore di gradienti
Make it yours
Adjust the values, then get your result.
Come usare Generatore di gradienti
Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.
- Inserisci i valori richiesti nel pannello delle impostazioni.
- Imposta il primo colore, il secondo colore e l'angolo (gradi).
- Esegui il generatore di gradienti, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.
Cosa supporta questo strumento
Visualizza l'anteprima di un gradiente e copia il relativo CSS.
- Primo colore
- Set this value for your task.
- Secondo colore
- Set this value for your task.
- Angolo (gradi)
- Range: 0 to 360
Limiti ed elaborazione
Le immagini sono limitate a 32 megapixel e 16.000 pixel per lato. La maggior parte delle operazioni accetta un'unica origine; le operazioni in batch supportate producono un archivio ZIP.
Domande frequenti
How do I make a CSS linear gradient?
Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.
What does the gradient angle mean?
The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.
Can I add more than two colors to the gradient?
No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.
Dove viene elaborato il mio input?
Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.
Quali sono i limiti di input?
Le immagini sono limitate a 32 megapixel e 16.000 pixel per lato. La maggior parte delle operazioni accetta un'unica origine; le operazioni in batch supportate producono un archivio ZIP.