Farbcode-Konverter
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool
Was ist Farbcode-Konverter?
Kostenloser Online-Farbkonverter, der sofort zwischen HEX-, RGB-, HSL- und OKLCH-Codes umrechnet und das WCAG-Kontrastverhältnis zweier Farben berechnet, um die Barrierefreiheit leicht zu prüfen.
Anleitung
- 1 Farbe eingeben — Verwenden Sie den Farbwähler oder die Texteingabe. HEX, rgb() und hsl() Formate werden unterstützt.
- 2 Formate anzeigen — HEX, RGB, HSL und OKLCH Formate werden gleichzeitig angezeigt.
- 3 Werte kopieren — Verwenden Sie die Kopierschaltfläche für jedes Format, um den CSS-Wert zu kopieren.
- 4 Kontrastverhältnis prüfen — Legen Sie eine Vergleichsfarbe fest, um das WCAG-Kontrastverhältnis zu prüfen.
Verwandte Tools
Zeitstempel-Konverter Kostenloses Online-Tool zur bidirektionalen Umwandlung zwischen Unix-Zeitstempeln und Datumsangaben. Es akzeptiert Sekunden (10 Stellen) und Millisekunden (13 Stellen) und unterstützt KST, JST, UTC sowie ISO 8601.
CSS-Gradient-Generator Kostenloser visueller CSS-Gradient-Generator: Erstellen Sie lineare, radiale und konische Farbverläufe, passen Sie Farbstopps und Winkel an und kopieren Sie den fertigen CSS-Code.
CSS-Box-Shadow-Generator Kostenloser Online-CSS-box-shadow-Generator mit Reglern für Versatz, Weichzeichnung, Streuung, Farbe und Inset, der eine Live-Vorschau des Schattens bietet und kopierfertigen box-shadow-CSS-Code erzeugt.
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.