Generator til CSS-farveovergange

Generér en to-farve CSS lineær gradient med en forhåndsvisning.

Grafik Uden lagring af data

Maksimal indgangslængde pr. felt: 62 Unicode- kodepunkter. Se driftsgrænserne i vejledningen.

Kort vejledning

Prøv det med dine egne data, når du er klar.

Prøv et eksempel

Du indtaster

Startfarve (HEX)
#f00
Anden farve (HEX)
#00f
Vinkel (grader)
90

Du får

linear-gradient(90deg, #FF0000, #0000FF)
Sådan virker det og værktøjets grænser

Indtast uigennemsigtige hex-farver og en CSS-vinkel fra 0 til 360 grader. Brug punktum som decimaltegn. Eksempel: rød, blå og 90 giver linear- gradient (90deg, # FF0000, # 0000FF).

Kopiér resultatet som en CSS baggrundsværdi. Browseren styrer den endelige gradient rendering.