Farbkontrastprüfer

Ein präziser Farbkontrastprüfer für Designer und Webentwickler, um zugängliche Vordergrund- und Hintergrundfarben für alle Bildschirme sicherzustellen.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
3,324+
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.

Popular ideas:
100% FREE • No Credit Card Required

Über dieses Tool

Das Tool akzeptiert zwei Farben in Hex-, RGB- oder benannten Formaten. Es normalisiert Eingaben, berechnet die relative Leuchtdichte und gibt das Kontrastverhältnis aus.
Typische Ausgaben beinhalten ein numerisches Verhältnis und einen Pass/Nicht-Pass-Status für WCAG AA- und AAA-Ziele.
Beispiel: Vordergrund #000000 auf Hintergrund #FFFFFF ergibt 21:1 und besteht beide Ziele eindeutig.
Unter der Haube verwendet es standardmäßige sRGB-Gamma-Korrektur und WCAG-konforme Formeln. Die Leuchtdichte wird aus linearen RGB-Komponenten berechnet, dann wird das Verhältnis als (L1+0.05)/(L2+0.05) berechnet, wobei L1 das hellere ist.
Es kennzeichnet auch problematische Farbkombinationen und erklärt warum.
Zielgruppe: UI/UX-Designer, Frontend-Entwickler, Barrierefreiheitsingenieure, Content-Strategen, die schnelle Checks während Paletteauswahl, Textänderungen oder Theme-Anpassungen benötigen.
Es unterstützt Batch-Checks via mehrere Eingabe-Paare und liefert einen strukturierten Bericht.
Einzigartige Merkmale: explizite AA/AAA-Anleitungen, automatische Farbanpassungsvorschläge, strikte Einhaltung der WCAG 2.1/2.2.
Anwendungsfälle: Palettenvalidierung, Aktualisierung von Marketingmaterialien oder Validierung barrierefreier Typografie auf verschiedenen Geräten.

Wie man es benutzt

  1. Eingaben bereitstellen: Vordergrund- und Hintergrundfarben in Hex, RGB oder Farbnamen eingeben.
  2. Farben validieren: Eingaben sind erforderlich und müssen gültige CSS-Farbwerte sein.
  3. Berechnung starten: Das Tool berechnet Leuchtkraft, Kontrastverhältnis und Pass/Empfehlungen.
  4. Ergebnisse prüfen: AA/AAA-Status und Vorschläge prüfen.
  5. Ergebnisse exportieren oder speichern für Audits.
How to use online color checker

Frequently Asked Questions

Finden Sie schnelle Antworten

Was ist das Kontrastverhältnis und warum ist es wichtig?
Das Kontrastverhältnis misst die Helligkeitsunterschiede zwischen Vordergrund- und Hintergrundfarben und bewertet die Lesbarkeit von Text. Höhere Verhältnisse verbessern die Lesbarkeit, insbesondere bei kleinem Text oder in hellen Umgebungen, und helfen, WCAG-Barrierefreiheitsanforderungen zu erfüllen.
Was bedeuten AA- und AAA-Ziele?
AA-Ziele definieren den minimal akzeptablen Kontrast für normalen Text (typischerweise 4,5:1) und großen Text (3:1). AAA-Ziele setzen einen höheren Standard (in der Regel 7:1 für normalen Text). Das Erreichen dieser Ziele verbessert die Barrierefreiheit für unterschiedliche Nutzer.
Kann ich Farbnamen zusätzlich zu Hex-Codes eingeben?
Ja. Der Prüfer akzeptiert Hex-, RGB- und Standard-CSS-Farbnamen. Eingaben werden in einen gemeinsamen Farbraum normalisiert, bevor Leuchtdichte und Verhältnis berechnet werden.
Kann ich Ergebnisse exportieren oder teilen?
Ergebnisse können kopiert oder als strukturierte Daten gespeichert werden und in Audits verwendet werden. Das Tool liefert ein sauberes numerisches Verhältnis, Leuchtdichte-Werte und Pass/Fail-Status, geeignet für Dokumentation.

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.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Web & SEO Tools

Spotify zu MP3-Konverter

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

Web & SEO Tools

Straßenentfernungsrechner

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

Web & SEO Tools

Altersrechner

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

Web & SEO Tools

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