Farbkontrast-Analysator

Ein schneller, standardsbasierter Farbs-Kontrastprüfer für Designer und Entwickler, um gut lesbaren Text gegen Hintergrundfarben in UI-Mockups zu überprüfen.

Request Feature / Support

5,912+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Über dieses Tool

Dieses Tool berechnet WCAG-konforme Kontrastverhältnisse für Vordergrund-/Hintergrund-Farbpaare. Es berücksichtigt Textgrößenkontexte, um Pass/Fail für normalen und großen Text anzuzeigen, und meldet ein numerisches Verhältnis mit einem Barrierebarkeitsurteil.
Konkret akzeptiert es Vordergrundfarbe, Hintergrundfarbe und Schriftgröße in Pixeln, wandelt Farben in sRGB-Luminanz um und wendet die Standard-Verhältnisformel an. Die Grenzwerte folgen WCAG: 4,5:1 für normalen Text AA, 7:1 für normalen Text AAA; 3:1 für großen Text AA, 4,5:1 für großen Text AAA.
Optionale Funktionen umfassen Alpha-Verarbeitung, Simulationen von Farbsehschwächen und Fartempfehlungen im erweiterten Modus.
Zielnutzer sind Designer, Frontend-Ingenieure, Barrierefreikeitsfachleute und Produktteams, die schnelle, präzise, standardskonforme Ergebnisse wünschen. Der einzigartige Wert besteht in der objektiven Bewertung pro Textgröße mit klarem Pass/Fail-Status und exportierbaren Ausgaben zur Unterstützung von Remediation und Governance.

Save your calculation history with a free account

Wie man es benutzt

Geben Sie Vordergrundfarbe, Hintergrundfarbe, Schriftgröße in px und optionales Schriftgewicht ein.
Führen Sie die Berechnung durch, um das Kontrastverhältnis und den Compliance-Status für normalen und großen Text zu erhalten.
Überprüfen Sie die Ergebnisse; wenn Verhältnisse scheitern, passen Sie Farben oder Schriftgröße an.
Verwenden Sie empfohlene Farbkombinationen, falls verfügbar, um schnell AA/AAA-Ziele zu erreichen.
Exportieren oder kopieren Sie das Ergebnis für die Dokumentation.

How to use online color contrast analyzer

Frequently Asked Questions

Finden Sie schnelle Antworten

Was ist das Farbkontrast-Verhältnis?

Das Verhältnis ist eine WCAG-basierte Metrik, berechnet aus der relativen Leuchtkraft von Vordergrund- und Hintergrundfarben. Es wird als x:1 ausgedrückt mit x ≥ 1, wobei höhere Werte eine bessere Lesbarkeit anzeigen. Das Tool berichtet das numerische Verhältnis und das je-Textgröße-Ergebnis.

Wie werden die Schwellenwerte angewendet?

Für normalen Text fordert WCAG AA mindestens 4,5:1 und AAA 7:1. Für großen Text gilt 3:1 AA und 4,5:1 AAA. Das Tool verwendet diese Schwellenwerte, um Pass/Fail für jeden Textgrößenkontext zu bestimmen.

Wie wird Transparenz behandelt?

Wenn eine Farbe Alpha enthält, wird sie standardmäßig über Weiß komponiert, bevor die Leuchtkraft berechnet wird. Dies ergibt eine effektive Farbe. Im erweiterten Modus kann die Behandlung angepasst oder die Rohwerte für Expertenanalysen ausgegeben werden.

Welche Eingabeformate werden unterstützt?

Das Tool akzeptiert Hex (#RRGGBB oder #RGB), rgb()/rgba() und CSS-Farbnamen. Falls eine Eingabe nicht geparst werden kann, wird das Ergebnis mit einem Fehlercode statt einer UI-Nachricht angezeigt.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

Spotify zu MP3-Konverter

Konvertiert lokal bereitgestellte Audiodateien zu MP3, ermöglicht Offline-Hören und plattformübergre...

Straßenentfernungsrechner

Ein Straßendistanzenrechner für Reisende, Logistikplaner und Fahrer, um Entfernungen und Reisezeiten...

Altersrechner

Ermitteln Sie schnell das Alter einer Person anhand ihres Geburtsdatums mit unserem kostenlosen Onli...

Währungsrechner

Schnell Währungsbeträge zwischen verschiedenen Währungen umrechnen – ideal für Reisende, Unternehmen...

Ihr Feedback ist wichtig

Helfen Sie uns, uns zu verbessern