CSS-kleurverloop genereren

Genereer een twee-kleur CSS lineair verloop met een voorbeeld.

Grafisch Zonder gegevensopslag

Maximale invoerlengte per veld: 62 Unicode-codepunten. Zie de werklimieten in de instructies.

Korte handleiding

Probeer het met je eigen gegevens als je klaar bent.

Probeer een voorbeeld

Je voert in

Beginkleur (HEX)
#f00
Tweede kleur (HEX)
#00f
Hoek (graden)
90

Je krijgt

linear-gradient(90deg, #FF0000, #0000FF)
Werking en limieten

Voer ondoorzichtige hex-kleuren in en een CSS-hoek van 0 tot 360 graden, met behulp van een decimale punt. Voorbeeld: rood, blauw en 90 geeft lineaire gradient(90deg, #FF0000, #0000FF).

Kopieer het resultaat als een CSS-achtergrondwaarde. De browser regelt de uiteindelijke kleurverloopweergave.