Generador de degradats CSS

Crea un degradat CSS a partir de dos colors i un angle.

Gràfics Sense emmagatzematge

Longitud màxima de cada camp: 62 punts de codi Unicode. Consulta la guia per als límits de cada operació.

Guia ràpida

Intenta-ho amb les teves pròpies dades quan estàs preparada.

Prova un exemple

Introdueix

Comença el color (HEX)
#f00
Segon color (HEX)
#00f
Angle (graus)
90

Obtens

linear-gradient(90deg, #FF0000, #0000FF)
Funcionament i límits

Introduïu colors hex òptics i un angle CSS de 0 a 360 graus, utilitzant un punt decimal. Exemple: vermell, blau i 90 dóna gradient lineal(90deg, #FF0000, #0000FF).

Copiar el resultat com a valor de fons CSS. El navegador controla la rendició de gradiment final.