Color Contrast Analyser

Berechnen Sie das Kontrastverhältnis zweier Farben. Der Kontrast kann von mindestens 1 (schlechter Kontrast) bis maximal 21 (bester Kontrast) reichen.

RGB

RGB

Schrift

Some sample text Some sample text Some sample text Some sample text

Grafik

Good to know

Dies sagen einige bekannte Guidelines und Studien.

Web Content Accessibility Guidelines (WCAG), WCAG 2.1

Die WCAG-Guidelines beschreiben Empfehlungen für die barrierefreie Gestaltung von Webinhalte. Sie sind ein internationaler Standard.

1.4.3 Contrast (Minimum) – Level AA

Visuelle Darstellung von Text hat mindestens ein Kontrastverhältnis von 4,5 : 1.*

1.4.6 Contrast (Enhanced) – Level AAA

Visuelle Darstellung von Text hat mindestens ein Kontrastverhältnis von 7 : 1.*

1.4.11 Non-text Contrast – Level AA

Grafische Darstellungen oder UI-Elemente haben mindestens ein Kontrastverhältnis von 3 : 1.

*Es gelten Ausnahmen für große Texte und Texte mit fetten Schriftschnitt.

Mehr erfahren

Sie suchen professionelle Beratung oder Unterstützung für das Design Ihrer Applikationen? Kommen Sie gerne auf mich zu.