GigaTools
Menü
Deutsch
EnglishEspañolFrançaisDeutsch

Design

Farbkontrast-Prüfer

Prüfe den Kontrast zwischen zwei Farben nach WCAG.

Kostenlos · ohne Anmeldung Sofortige Ergebnisse Kein gespeicherter Ergebnisverlauf
Dieses Tool nutzen →So funktioniert es ↓
  1. 1Fülle das Formular aus
  2. 2Klicke auf Starten
  3. 3Ergebnis kopieren

Bereit, wenn du es bist

Starten: Farbkontrast-Prüfer

Kostenlos · keine Anmeldung erforderlich

1Deine Eingabe

2Ergebnis

Das Ergebnis erscheint hierFülle die Felder aus und starte das Tool. Das Ergebnis erscheint hier mit einer Schaltfläche zum Kopieren.3 Kopiere es mit einem Klick, sobald es erscheint

Über dieses Tool

Farbkontrast-Prüfer

Miss den Kontrast zwischen zwei Farben und vergleiche ihn mit den WCAG-AA- und -AAA-Schwellenwerten, damit Text lesbar bleibt.

Anleitung

  1. Gib Text- und Hintergrundfarben als HEX-Werte ein.
  2. Starte die Prüfung, um das Kontrastverhältnis anzuzeigen.
  3. Strebe AA (4,5:1) für normalen Text und 3:1 für großen Text an.

Learn more

Guides for this task

Alle Ratgeber →
Design & accessibility · 8 min read

Accessible Website Colors: A Practical Contrast Guide

Learn how to choose website colors with enough contrast, preserve hierarchy, and make interfaces easier to read for more people.

Read guide ↗

Weiterarbeiten

Ähnliche Tools

✦Farbpaletten-GeneratorErzeuge aus einer Farbe hellere und dunklere Abstufungen sowie eine Gegenfarbe.↗