Startseite
Tom Utilities

Farbkontrast-Prüfer

Entwickler-Werkzeuge

Messen Sie WCAG-Kontrastverhältnisse und prüfen Sie, ob Text AA und AAA für normalen und großen Text erfüllt.

Verwendung

Check a pair of colors

Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.

  1. Choose the text color.
  2. Choose the background color.
  3. Aim for at least 4.5:1 for normal text.

WCAG thresholds

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.

Häufige Fragen

What counts as large text?

WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.

Is a higher ratio better?

Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.

Ähnliche Tools

Farbpaletten-Generator Erzeugen Sie Aufhellungen, Abdunklungen, analoge, komplementäre und triadische Paletten aus jeder Farbe. Farbkonverter Wandelt Farben zwischen HEX, RGB und HSL mit Live-Vorschau um. CSS-Verlaufsgenerator Gestalten Sie lineare oder radiale CSS-Verläufe mit Live-Vorschau und fertigem CSS. UUID-/GUID-Generator Erzeugt zufällige UUIDs der Version 4 und kopiert sie einzeln oder in großen Mengen. Hash-Generator Berechnet MD5-, SHA-1-, SHA-256- und SHA-512-Prüfsummen beliebiger Texte. Zeitstempel-Konverter Rechnet zwischen Unix-Zeitstempeln, ISO 8601 und lesbaren lokalen Datumswerten um.