Generator de gradienți CSS

Generează un gradient liniar CSS de două culori cu o previzualizare.

Grafică Fără stocarea datelor

Lungimea maximă de intrare pe câmp: 62 Puncte de cod Unicode. A se vedea limitele de funcționare din instrucțiuni.

Ghid rapid

Încercați cu propriile date atunci când sunteți gata.

Încearcă un exemplu

Introdu

Culoare de pornire (HEX)
#f00
A doua culoare (HEX)
#00f
Unghi (grade)
90

Obții

linear-gradient(90deg, #FF0000, #0000FF)
Cum funcționează și ce limite are

Introduceţi culori opace ale hex şi un unghi CSS de la 0 la 360 grade, folosind un punct zecimal. Exemplu: roșu, albastru și 90 oferă gradient liniar (90deg, #FF0000, #0000FF).

Copiază rezultatul ca o valoare de fond CSS. Browser-ul controlează redarea finală a gradientului.