Developer Tools

Kostenloser Farbkontrast-Prüfer

Prüfen Sie Farbkontrastverhältnisse gemäß WCAG 2.1 AA- und AAA-Standards.

Teil von Yooplas 445+ kostenlosen Browser-Tools.

Color Contrast Checker (WCAG)

Preview Text (Large)

This is how your regular body text will look with these color choices. Make sure it's readable.

Small text needs higher contrast to remain accessible.

21.00:1

Contrast Ratio

✅ Pass
AA Normal (≥4.5:1)
✅ Pass
AA Large (≥3:1)
✅ Pass
AAA Normal (≥7:1)
✅ Pass
AAA Large (≥4.5:1)

So verwendest du Farbkontrast-Prüfer

  1. 1

    Geben Sie eine Vordergrund-Farbe ein.

  2. 2

    Geben Sie eine Hintergrund-Farbe ein.

  3. 3

    Das Tool berechnet das Kontrastverhältnis sofort.

  4. 4

    Prüfen Sie WCAG AA- und AAA-Konformität.

Häufig gestellte Fragen

Was ist WCAG?

WCAG definiert Standards für barrierefreie Webinhalte.

Welches Kontrastverhältnis wird für AA benötigt?

4,5:1 für normalen Text und 3:1 für großen Text.

Was ist mit AAA-Konformität?

7:1 für normalen Text und 4,5:1 für großen Text.

Tool teilen

Teile dieses Tool mit anderen

Verwandte Tools

Erkunde das Umfeld von

Kategorie: Developer Tools

Starte mit diesem Tool und gehe dann weiter zu verwandten Tools, Themen-Hubs, Vergleichen und kostenlosen Alternativen.

Verwandte Tools

Entdecke andere Tools, die gut funktionieren mit Farbkontrast-Prüfer

Verwandte Artikel & Anleitungen

Lerne mehr über die effektive Nutzung von Tools

Tool-Vergleiche

Vergleiche Funktionen und wähle das richtige Tool

Beliebte Alternativen

Kostenlose Alternativen zu beliebten kostenpflichtigen Tools

Anwendungsfälle

Praktische Anwendungsfälle mit diesem Tool

Beste Tools Sammlungen

Kuratierte Listen der am besten bewerteten Tools

Kostenloser Farbkontrast-Prüfer | Yoopla