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?
Kostenloses Online-Tool zur Umrechnung zwischen HEX-, RGB-, HSL- und OKLCH-Farbcodes mit WCAG-Kontrastberechnung
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 Umrechnung zwischen Unix-Zeitstempel und Datum mit Zeitzonen-Unterstützung
CSS-Gradient-Generator Kostenloses Online-Tool mit visuellem Editor zum Erstellen von CSS-Gradienten und Kopieren des Codes
CSS-Box-Shadow-Generator Kostenloses Online-Tool mit visuellem Editor zum Erstellen von CSS box-shadow und Kopieren des Codes
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.