Generatore di gradienti CSS

Utilità per sviluppatori

Crea gradienti CSS lineari o radiali con anteprima live e CSS pronto da copiare.

Come usare

Build a gradient

Pick linear or radial, adjust the angle for linear gradients and choose the start and end colors. The preview and CSS update live.

Choose linear or radial.
Set the angle and two colors.
Copy the generated CSS declaration.

Using the CSS

The output is a single background declaration. Paste it into a CSS rule, inline style or style block.

Domande frequenti

What does the angle mean?

The angle controls the direction of a linear gradient in degrees, where 0deg points up and 90deg points right.

Can I add more color stops?

This generator creates two-stop gradients. Add extra stops manually to the copied CSS.

Strumenti correlati

Generatore di palette colori Genera palette di tinte chiare, scure, analoghe, complementari e triadi da qualsiasi colore. Generatore di box shadow CSS Crea ombre con cursori per spostamento, sfocatura, diffusione e colore, poi copia il CSS. Convertitore di colori Converte i colori tra HEX, RGB e HSL con un'anteprima dal vivo. Generatore di UUID / GUID Genera UUID versione 4 casuali e li copia uno per uno o in blocco. Generatore di hash Calcola i digest MD5, SHA-1, SHA-256 e SHA-512 di qualsiasi testo. Convertitore di timestamp Converte tra timestamp Unix, ISO 8601 e date locali leggibili.