Entwickler·Aktualisiert 2026-04-22

Farbkonverter & Kontrast-Checker

HEX, RGB, HSL und OKLCH ineinander umwandeln und den WCAG-Kontrast prüfen.

So funktioniert es

1.
HEX eingeben
Wähle die Einheit: Absätze für Blog-Posts, Sätze für Überschriften oder einzelne Wörter für Tags und Platzhalter.
2.
Formate kopieren
Stelle die Menge ein und wähle den Stil: Klassisches Latin für seriöse Layouts, Hipster-Ipsum für verspielte Designs oder Tech-Jargon für B2B-Mockups.
3.
Kontrast prüfen
Ein Klick kopiert den gesamten Text in die Zwischenablage. Ideal für Figma, Notion, Framer oder direkte Einbindung in Next.js-Komponenten.

Was ist OKLCH?+

Ein moderner, wahrnehmungsgleichmäßiger Farbraum. Unterstützt in allen modernen Browsern, ideal für Design-Systeme.

Wie wird der Kontrast bewertet?+

Nach WCAG 2.2: AAA ≥ 7, AA ≥ 4,5, AA Large ≥ 3. Unter 3 = Fail.

Werden Alpha-Werte unterstützt?+

Ja, 8-stellige HEX-Codes mit Alpha-Kanal werden korrekt geparst.