Farbcode-Konverter
Farbkonverter, der sofort zwischen HEX-, RGB-, HSL- und OKLCH-Codes umrechnet und das WCAG-Kontrastverhältnis zweier Farben liefert. So prüfen Sie Barrierefreiheit direkt beim Farbwählen, kostenlos.
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)oklch(0.623 0.188 259.8)Einbetten
Was ist Farbcode-Konverter?
Farbkonverter, der sofort zwischen HEX-, RGB-, HSL- und OKLCH-Codes umrechnet und das WCAG-Kontrastverhältnis zweier Farben liefert. So prüfen Sie Barrierefreiheit direkt beim Farbwählen, kostenlos.
Anleitung
- 1Farbe eingeben— Verwenden Sie den Farbwähler oder die Texteingabe. HEX, rgb() und hsl() Formate werden unterstützt.
- 2Formate anzeigen— HEX, RGB, HSL und OKLCH Formate werden gleichzeitig angezeigt.
- 3Werte kopieren— Verwenden Sie die Kopierschaltfläche für jedes Format, um den CSS-Wert zu kopieren.
- 4Kontrastverhältnis prüfen— Legen Sie eine Vergleichsfarbe fest, um das WCAG-Kontrastverhältnis zu prüfen.
Verwandte Tools
Häufig gestellte Fragen
OKLCH ist eine zylindrische Darstellung des Oklab-Farbraums, des wahrnehmungsgleichmäßigsten Farbraums. Er wird in CSS Color Level 4 unterstützt.
Es misst den Helligkeitsunterschied zwischen Text- und Hintergrundfarben. AA erfordert mindestens 4,5:1, AAA erfordert 7:1.
Derzeit werden nur deckende Farben (RGB, 6-stelliges HEX) unterstützt. RGBA und HSLA werden in einem zukünftigen Update hinzugefügt.
Ja. Sie können die Ausgabe jedes Formats direkt in Ihr CSS einfügen.
Nein. Alle Farbumrechnungen erfolgen im Browser.