Farb-Konverter
Farben zwischen HEX, RGB und HSL konvertieren. Inklusive visuellem Farbwähler und WCAG-Kontrastprüfung für Barrierefreiheitstests.
CSS-Werte
color: #3B82F6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);
So funktioniert es
Farbwert eingeben
Gib einen HEX-Code, RGB-Werte, HSL-Werte ein oder verwende den visuellen Farbwähler.
Alle Formate anzeigen
Die Farbe wird sofort in HEX, RGB und HSL konvertiert. Alle Formate werden gleichzeitig mit CSS-Ausgabe angezeigt.
Kopieren oder Barrierefreiheit prüfen
Kopiere ein beliebiges Farbformat in die Zwischenablage. Prüfe WCAG-Kontrastverhältnisse gegenüber weißem und schwarzem Hintergrund.
Häufig gestellte Fragen
Welche Farbformate werden unterstützt?
Das Tool unterstützt HEX (3-stellig und 6-stellig), RGB (0–255) und HSL (Farbton 0–360, Sättigung und Helligkeit 0–100 %) Farbformate. Gib einen Wert in einem beliebigen Format ein und alle anderen werden sofort berechnet.
Was ist der Kontrast-Checker?
Der Kontrast-Checker berechnet das Kontrastverhältnis zwischen deiner Farbe und weißem oder schwarzem Hintergrund gemäß den WCAG-Richtlinien. Er zeigt, ob die Kombination die Barrierefreiheitsstandards AA (Verhältnis 4,5:1) oder AAA (Verhältnis 7:1) erfüllt.
Läuft es in meinem Browser?
Ja. Alle Farbkonvertierungen und Berechnungen erfolgen clientseitig in deinem Browser. Es werden keine Daten an einen Server gesendet.