Color

Ein kostenloser Online-Farbkonverter, der Farben zwischen HEX, RGB und HSL mit einem Live-Farbwähler umrechnet, plus einem integrierten WCAG-Kontrastprüfer, der für jedes Vordergrund- und Hintergrundpaar AA und AAA bestanden/nicht bestanden meldet. Gib eine Farbe in einem beliebigen unterstützten Format ein und erhalte sofort die anderen, feinjustiere sie visuell mit dem Farbwähler und kopiere den exakten Wert, den dein CSS benötigt. Der Kontrastprüfer macht aus Barrierefreiheit statt Rätselraten ein klares Ergebnis: Er zeigt das Kontrastverhältnis und ob deine Text-Hintergrund-Kombination die WCAG-Schwellenwerte für normalen und großen Text erfüllt. Alles läuft in deinem Browser.

Häufige Anwendungen

• Konvertiere eine HEX-Markenfarbe in RGB oder HSL zur Verwendung in CSS.
• Prüfe, ob Text- und Hintergrundfarben den WCAG-AA-Kontrast für Barrierefreiheit erfüllen.
• Feinjustiere eine Farbe mit dem Farbwähler und kopiere den Wert im benötigten Format.
• Verifiziere, dass die Farbpaare eines Design-Systems AAA bestehen, bevor du sie ausliefererst.
• Übersetze den HSL-Wert eines Designers in das HEX, das deine Codebasis erwartet.

Häufig gestellte Fragen

Zwischen welchen Farbformaten kann es konvertieren?

HEX, RGB und HSL. Gib eine Farbe in einem dieser Formate ein, und sie wird in die anderen konvertiert.

Welche Kontraststufen prüft es?

Es meldet das Kontrastverhältnis und ob das Paar WCAG AA und AAA für sowohl normalen als auch großen Text besteht.

Welches Kontrastverhältnis benötige ich, um WCAG zu bestehen?

WCAG AA erfordert mindestens 4.5:1 für normalen Text und 3:1 für großen Text; AAA erfordert 7:1 bzw. 4.5:1. Der Prüfer zeigt das Verhältnis und das Bestanden/Nicht-bestanden für jedes.

Was ist der Unterschied zwischen HEX, RGB und HSL?

Sie beschreiben dieselben Farben unterschiedlich: HEX und RGB geben die Rot-/Grün-/Blau-Kanäle an, während HSL Farbton, Sättigung und Helligkeit verwendet — oft einfacher, um einen Farbton von Hand anzupassen.

Werden meine Farbdaten irgendwohin hochgeladen?

Nein. Die Konvertierung und Kontrastprüfung laufen vollständig in deinem Browser.