Come rimuovo un punto colore?

Seleziona il punto e premi Canc o Backspace, oppure usa il pulsante del cestino. Un gradiente mantiene sempre almeno due punti.

Questi gradienti funzionano in tutti i browser?

I gradienti lineari e radiali funzionano in tutti i browser attuali. Quelli conici funzionano in Chrome, Edge, Firefox e Safari 12.1 o successivi.

Posso spostare i punti con la tastiera?

Sì. Seleziona un punto con Tab e usa le frecce (Maiusc per passi da 10), Home e Fine. Anche il selettore dell’angolo funziona con le frecce.

Generatore di gradienti CSS — Lineari, radiali e conici

Crea gradienti CSS lineari, radiali e conici con punti colore trascinabili, selettore dell’angolo e preset. Copia il CSS o una classe Tailwind. Gratis e immediato.

Punti coloreClic per aggiungere · trascina per spostare

CSS

background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);

Tailwind

bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

Preset

Riferimenti

MDN — CSS gradients
Tailwind CSS — Arbitrary values

Pagina aggiornata: 2026-10-23

Preset

Guida ed esempio

Strumenti correlati

Riferimenti