Farbkontrast
WCAG-Kontrast für Text- und UI-Farben prüfen
Beispiele:
Jede CSS-Farbe funktioniert, auch mit Transparenz: #rgb, #rrggbbaa, rgb(), hsl(), oklch() und Namen wie navy.
Beispiel-Überschrift
Großer Text: 14 pt fett oder 18 pt
Fließtext zur Prüfung der Lesbarkeit.
Kleingedrucktes, Bildunterschriften und Fußnoten brauchen den meisten Kontrast.
Schaltfläche
Kontrastverhältnis
4.83:1
Höchste erreichte Stufe: AA
- AA · Normaler Text4.5:1Bestanden
- AA · Großer Text3:1Bestanden
- AAA · Normaler Text7:1Nicht bestanden
- AAA · Großer Text4.5:1Bestanden
- AA · Icons, Rahmen und Bedienelemente3:1Bestanden
Groß: 18pt+ oder 14pt+ fett
Nächste Farben, die bestehen
Gleicher Farbton und Sättigung, kleinste Helligkeitsänderung, die das Ziel erreicht. Zum Übernehmen klicken.
Häufig gestellte Fragen
Verwandte Werkzeuge
Läuft auf Ihrem Gerät, nicht auf unseren Servern
Diese Seite nutzt Browser-APIs (Canvas, WebAssembly, Worker usw.), damit Ihre Dateien auf Ihrem Gerät bleiben.
- Die Verarbeitung erfolgt in diesem Tab — schließen Sie den Tab und die Sitzung endet.
- Kein ZapFile-Konto nötig und wir speichern keine Uploads (es gibt keine).
- Laden Sie nur herunter, was Sie wählen; nichts wird für „Cloud-Verarbeitung“ an uns gesendet.
- Selbst prüfen: Entwicklertools → Netzwerk bei Tool-Nutzung — Ihre Dateibytes sollten nicht zu ZapFile hochgeladen werden.
- Fügen Sie ZapFile zum Startbildschirm hinzu für schnellere App-Hülle und Offline-Zugriff auf gecachte Seiten (Tools brauchen weiterhin einen fähigen Browser).