Visuelles Design / thevision.cc
Die Farbe soll dem Zweck der besseren Lesbarkeit dienen.
Ein Tool zum Testen des Kontrasts von Text und Hintergrund, das WCAG 2.2-Textkontrastbedingungen, Farbvorschauen und Beispiele für Grenzwertberechnungen bietet.
Keine Registrierung erforderlichEingabe wird lokal im Browser verarbeitetFarbkontrasttest
Klarer Text beginnt mit einem guten Farbschema.
Dies ist eine Vorschau des normalen Textes; bitte vergleichen Sie ihn mit der tatsächlichen Schriftart und dem tatsächlichen Hintergrund.
Es werden nur deckende sRGB-HEX-Farben unterstützt. „Große Schriftart“ bezieht sich auf Fettdruck mit mindestens 18 pt oder mindestens 14 pt; das Tool ermittelt nicht Ihre tatsächliche Schriftgröße.
Warum kann es vorkommen, dass grauer Text, der ausreichend deutlich erscheint, die Kontrastanforderungen nicht erfüllt?
Verwenden Sie Schwarz-Weiß- und #777777-Grenzenbeispiele, um den Textkontrast zu verstehen, zwischen normalem Text, großem Text, Rundung auf dem Bildschirm und tatsächlicher Seitenprüfung zu unterscheiden.