Farbkontrast-Prüfer (WCAG)

Prüfe WCAG-2.1-AA/AAA-Farbkontrastverhältnisse für Text, großen Text und UI-Komponenten. Live-Vorschauen, APCA-Referenz, Finder für barrierefreie Paare und Favoriten.

Aktualisiert am

Share:
Home/Color Contrast Checker (WCAG)

Color Contrast Checker (WCAG)

Check color contrast ratios against WCAG 2.1 AA/AAA guidelines. Pick foreground and background colors, preview live text samples, and find accessible pairs.

Foreground
Text

Background
Surface

Contrast ratio

14.68:1

APCA Lc 101.5 (reference)

AAA

AA Normal text

Requires 4.5:1

Pass

AA Large text

Requires 3:1

Pass

AAA Normal text

Requires 7:1

Pass

AAA Large text

Requires 4.5:1

Pass

AA UI Components

Requires 3:1

Pass

Häufig gestellte Fragen

Welches Verhältnis benötige ich?

WCAG 2.1 AA erfordert 4.5:1 für normalen Text und 3:1 für großen Text (18pt oder 14pt fett). AAA erfordert 7:1 und 4.5:1. UI-Komponenten benötigen >= 3:1.

Wie wird das Verhältnis berechnet?

sRGB wird gamma-korrigiert in linear umgewandelt, dann relative Luminanz = 0.2126R + 0.7152G + 0.0722B. Verhältnis = (L1 + 0.05) / (L2 + 0.05), wobei L1 der hellere Wert ist.

Was ist APCA?

Accessible Perceptual Contrast Algorithm (für WCAG 3) – berücksichtigt Textstärke, Polarität und Ortsfrequenz. Wird als Referenz angezeigt; die WCAG-2-Verhältnisse bleiben heute der maßgebliche Standard.

Ist der Color Contrast Checker (WCAG) kostenlos nutzbar?

Ja, der Color Contrast Checker (WCAG) ist zu 100% kostenlos, ohne Registrierung, ohne versteckte Gebühren und ohne Nutzungslimits. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser und gewährleistet vollständige Privatsphäre.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der Color Contrast Checker (WCAG) verarbeitet alles clientseitig in Ihrem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Ihre Inhalte bleiben jederzeit privat auf Ihrem Gerät.

Funktioniert der Color Contrast Checker (WCAG) auf Mobilgeräten?

Ja, der Color Contrast Checker (WCAG) ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Sie können ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffnen Sie einfach den Color Contrast Checker (WCAG) in Ihrem Browser und legen Sie sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Welche Programmiersprachen oder Formate werden unterstützt?

Der Color Contrast Checker (WCAG) unterstützt eine breite Palette beliebter Formate und Sprachen. Die vollständige Liste der unterstützten Optionen finden Sie in der Tool-Oberfläche.

Wie verwende ich den Color Contrast Checker (WCAG)?

Geben Sie einfach Ihre Eingabe in das vorgesehene Feld ein, passen Sie die Einstellungen nach Belieben an, und das Tool verarbeitet sie sofort. Anschließend können Sie das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der Color Contrast Checker (WCAG) funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwenden Sie die neueste Version Ihres bevorzugten Browsers.

Über Farbkontrast-Prüfer (WCAG)

Farbkontrast-Prüfer (WCAG) ist ein kostenloses, browserbasiertes Tool aus unserer Entwickler-Tools-Sammlung. Alles läuft lokal auf deinem Gerät — keine Uploads, keine Anmeldung, und deine Daten bleiben privat.

color contrast checkerwcagaccessibilitya11ycontrast ratioaa aaaapcafree color contrast checker (wcag)online color contrast checker (wcag)color contrast checker (wcag) online freebest color contrast checker (wcag)developer tool