CSS-Farbverlauf

CSS-Farbverlauf ist ein kostenloses Online-Tool, das direkt im Browser läuft. CSS-Code für Farbverläufe erzeugen. Keine Installation, keine Anmeldung — einfach Werte eingeben und sofort Ergebnisse erhalten.

Anleitung

1. Gib deine Werte in die Felder unten ein.
2. Das Ergebnis erscheint sofort (oder klicke die Schaltfläche).
3. Kopiere oder nutze das Ergebnis nach Bedarf.

Ähnliche Werkzeuge

Häufige Fragen

Welche Farbformate unterstützt CSS-Farbverlauf?

HEX in der drei-, sechs- und achtstelligen Form, RGB und RGBA sowie HSL und HSLA. Die Werte werden über eine gemeinsame interne Darstellung umgerechnet, sodass beim Hin- und Herwechseln zwischen Formaten nichts verrutscht.

Welches Kontrastverhältnis brauche ich, um Barrierefreiheitstests zu bestehen?

WCAG 2.1 Stufe AA verlangt 4,5 zu 1 für normalen Fließtext und 3 zu 1 für großen Text, also ab 18,66 Pixel fett oder 24 Pixel normal. Stufe AAA hebt diese Werte auf 7 zu 1 beziehungsweise 4,5 zu 1 an.

Kann ich die Ausgabe direkt in CSS einfügen?

Ja. Die erzeugten Werte sind gültige CSS-Farbsyntax und lassen sich ohne Änderungen in ein Stylesheet, eine Design-Token-Datei oder den Inline-Style einer Komponente einfügen.