Kontrastverhältnis-Rechner

Berechnen Sie das Kontrastverhältnis für Zugänglichkeit und Designkonformität.

Color Pickers

Foreground Text

Background

Preview

Headline Text

This is a sample paragraph to test readability. Accessibility in design ensures that everyone, including people with vision loss, can access your content.

WCAG Compliance

Contrast Ratio

4.85:1

AA Normal

Small text (<18pt) (Min 4.5:1)

AA Large

Bold/Large text (>18pt) (Min 3.0:1)

AAA Normal

Highest accessibility (Min 7.0:1)

AAA Large

Enhanced for large text (Min 4.5:1)

Good! This meets standard accessibility for most web content.

Overview

Das Kontrastverhältnis misst den Luminanzunterschied zwischen Text und Hintergrund. Die Barrierefreiheitsrichtlinien der WCAG erfordern mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Unverzichtbar für lesbares, zugängliches Design.

💡

Pro Tips

The WCAG (Web Content Accessibility Guidelines) are the gold standard for web accessibility.
Level AA is the standard requirement for most websites.
Large text is defined as 18pt (roughly 24px) or larger, or 14pt (roughly 18.5px) and bold.
Avoid using color as the only way to convey meaning, as users with color blindness may not perceive the difference.

Fun Facts

Formula: Kontrast = (L1 + 0,05) / (L2 + 0,05) wobei L = relative Leuchtdichte

Used with this

Similar tools that might be useful

Aktpartitur

Berechnen Sie die Aktpunktzahl.

ASCII-Konverter

Konvertieren Sie Text in ASCII-Codes und zurück. Nützlich für die Programmierung und Datenkodierung.

Akzeptanzratenrechner

Berechnen Sie Annahmequoten aus Bewerbungs- und Zulassungsdaten. Visualisieren Sie Selektivität mit Diagrammen.