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.
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
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
- Eingaben bereitstellen: Vordergrund- und Hintergrundfarben in Hex, RGB oder Farbnamen eingeben.
- Farben validieren: Eingaben sind erforderlich und müssen gültige CSS-Farbwerte sein.
- Berechnung starten: Das Tool berechnet Leuchtkraft, Kontrastverhältnis und Pass/Empfehlungen.
- Ergebnisse prüfen: AA/AAA-Status und Vorschläge prüfen.
- Ergebnisse exportieren oder speichern für Audits.
Frequently Asked Questions
Finden Sie schnelle Antworten
Was ist das Kontrastverhältnis und warum ist es wichtig?
Was bedeuten AA- und AAA-Ziele?
Kann ich Farbnamen zusätzlich zu Hex-Codes eingeben?
Kann ich Ergebnisse exportieren oder teilen?
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...
Ihr Feedback ist wichtig
Helfen Sie uns, uns zu verbessern
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic