Farbkontrast prüfen

Wähle zwei Farben und sieh das Verhältnis, ob es AA und AAA besteht und wie die Kombination tatsächlich aussieht — auch mit japanischem Text, der dichter und bei geringem Kontrast schwerer zu lesen ist.

Werkzeug wird geladen…

So funktioniert es

  1. Wähle eine Vordergrund- und eine Hintergrundfarbe, oder füge Hex-Werte ein.
  2. Lies das Verhältnis und die vier Ergebnisse (bestanden oder nicht).
  3. Passe nach, bis Fließtext 4,5:1 erreicht.

Warum nichts hochgeladen wird

Alles, was auf dieser Seite passiert, erledigt Code, der im Tab deines Browsers läuft — mit derselben Engine, die auch Webseiten darstellt. Die Datei wird von der Festplatte in den Speicher des Tabs gelesen, dort umgewandelt und als Download wieder herausgeschrieben. Sie wird nirgendwohin geschickt — weder zu uns noch zu Dritten.

Prüf es selbst nach

  1. Öffne die Entwicklerwerkzeuge deines Browsers (F12) und wähle den Tab „Netzwerk“.
  2. Lade deine Datei und starte das Werkzeug.
  3. Die einzigen Anfragen, die du siehst, holen den Code des Werkzeugs selbst — und bei ein paar schweren Werkzeugen dessen Open-Source-Engine von einem öffentlichen CDN — dazu ein kleines Seitenaufruf-Signal an loreatec.jp (Adresse und Titel der Seite, mehr nicht). Keine davon trägt deine Datei.

Beweis, dass alles lokal bleibt →

Häufige Fragen

Welcher Schwellenwert gilt für mich?

4,5:1 für gewöhnlichen Fließtext, 3:1 für Text ab 24 px (19 px bei Fettschrift) und für Bedienelemente wie Feldrahmen und Symbole, 7:1 für AAA. Wenn du dir nur eine Zahl merkst, merk dir 4,5.

Mein Entwurf besteht, liest sich aber trotzdem schwer.

Das Kontrastverhältnis misst weder Schriftstärke noch Größe oder Laufweite, und dünne helle Schrift bei 4,5:1 ist wirklich unangenehm. Die Vorschau ist da, damit du auch mit den Augen urteilst und nicht nur nach der Zahl — besonders bei Japanisch, wo dichte Kanji in kleiner Größe mehr Kontrast brauchen, als die Formel verlangt.