Farbkontrast prüfen
BereitWCAG-Kontrast zweier Farben kostenlos berechnen und AA-/AAA-Schwellen mit Vorschau prüfen.
Alle Tools sind kostenlos nutzbar. Dateigrößen- und Verarbeitungslimits können je nach Tool variieren.
Kontrastverhältnis:
AA · Normaler Text (≥ 4.5:1)
AA · Großer Text (≥ 3:1)
AAA · Normaler Text (≥ 7:1)
AAA · Großer Text (≥ 4.5:1)
AA · Bedienelemente und Grafiken (≥ 3:1)
Großer Text: mindestens 18 pt (24 px) oder 14 pt fett (etwa 18,67 px).
Vorschau
Können Sie diesen Text gut lesen?
Können Sie diesen Text gut lesen?
Anleitung
Zwei Farben wählen oder HEX-Codes eingeben. Tauschen Sie die Farben für das umgekehrte Design. Die Schwarz-Weiß-Option wählt von diesen beiden den höheren Kontrast zum Hintergrund.
Die Berechnung erfolgt im Browser mit ungerundeten Werten. Dieser Farbvergleich allein belegt keine WCAG-Konformität; Bildhintergründe und Transparenz werden nicht bewertet.
Web-Barrierefreiheit: WCAG, ARIA und inklusives DesignAnleitung
Zwei Farben wählen oder HEX-Codes eingeben. Tauschen Sie die Farben für das umgekehrte Design. Die Schwarz-Weiß-Option wählt von diesen beiden den höheren Kontrast zum Hintergrund. Die Berechnung erfolgt im Browser mit ungerundeten Werten. Dieser Farbvergleich allein belegt keine WCAG-Konformität; Bildhintergründe und Transparenz werden nicht bewertet.
Browser-Werkzeuge behalten Dateien auf Ihrem Gerät. Erweiterte Dokumentwerkzeuge laden Dateien vorübergehend hoch und weisen vorher darauf hin. Web-Abfragen gehen an den Server und öffentliche Dienste.
Praxisartikel zu diesem Thema
Weiße Schrift auf grünem Button: Erst messen, dann wählen
Ein grüner Anmeldebutton fällt auf, doch sein weißer Text ist nicht automatisch angenehm lesbar.
Dark Mode Implementierung: CSS, JavaScript und Systempräferenz
Dark Mode reduziert Augenbelastung und verlängert die Akkulaufzeit.
Web-Barrierefreiheit: WCAG, ARIA und inklusives Design
Web-Barrierefreiheit stellt sicher, dass Menschen mit Behinderungen Websites nutzen können.
Ähnliche Werkzeuge
QR-Code erstellen
Erstellen Sie QR-Codes aus Links oder Text. Ergänzen Sie Logo, Farben, Punktmuster und Rahmen, laden Sie PNG oder SVG herunter und testen Sie den statischen Code am Handy.
QR-Code lesen
Lesen Sie den Text oder Link eines QR-Codes aus einem Bild. Verarbeiten Sie Foto oder Screenshot im Browser und prüfen Sie die Adresse vor dem Öffnen.
Passwort erzeugen
Erstellen Sie zufällige Passwörter für neue Konten. Passen Sie die Optionen an Ihren Bedarf an; die Passwörter werden nicht zur Verarbeitung an den Server gesendet.
Barcode erstellen
Erzeugen Sie Barcodes in EAN-13, CODE 39 oder CODE 128 und laden Sie das Ergebnis als SVG herunter.
DNS-Abfrage
Öffentliche DNS-Einträge wie A, AAAA, MX und TXT abfragen.
IP-Abfrage
Öffentliche IP-Zuteilungsdaten über RDAP abfragen, keinen genauen Standort.