Ω
OmniToolsv2.2
Design & Barrierefreiheit

Farbpaletten-Generator & WCAG 2.1 Kontrastprüfer (AAA)

Prüfen Sie Kontrastverhältnisse nach WCAG 2.1 Level AA und AAA. Erstellen Sie harmonische Farbpaletten mit relativer Leuchtkraft 100% lokal im Browser.

100% clientseitige Auswertung • WCAG 2.1 relative Luminanz in Echtzeit
WhatsApp
Barrierefreie Farbvorlagen
rgb(52, 211, 153)
#
rgb(9, 13, 22)
#
WCAG-Kontrastverhältnis
11.23:1
WCAG AAA PassL1: 0.55 / L2: 0.003

WCAG 2.1 Konformitätsmatrix

W3C Recommendation
Normaler Text (< 18pt / 24px)
Level AA (4.5:1)PASS
Level AAA (7.0:1)PASS
Großer Text (≥ 18pt oder ≥ 14pt fett)
Level AA (3.0:1)PASS
Level AAA (4.5:1)PASS
UI-Elemente & Grafische Symbole
Level AA (3.0:1)PASS

SC 1.4.11 Non-text contrast compliance

Live-Komponenten-Vorschau

Actual Browser Text Rendering

Kontraststarke Webtypografie

Dieses Testfeld visualisiert reale Lesbarkeit und chromatische Harmonie nach offiziellen WCAG 2.1 Richtlinien.

Foreground: #34D399 • Background: #090D16

Harmonische Farbpaletten

Advertisement / Sponsor Area

Reserved high-performance space. Zero Cumulative Layout Shift (CLS) guaranteed.

WCAG 2.1 Kontrastverhältnisse, relative Luminanz und digitale Barrierefreiheit verstehen

Die Web Content Accessibility Guidelines (WCAG) 2.1 stellen sicher, dass Texte auch bei Sehschwächen optimal lesbar sind.

Die relative Luminanz berücksichtigt die spektrale Helligkeitsempfindlichkeit des menschlichen Auges mit 71.52% für Grün.

Stufe AA erfordert mindestens 4.5:1 für Fließtext und 3:1 für Überschriften. Stufe AAA verlangt 7:1.

OmniTools berechnet alle Farbräume und Harmonien zu 100% lokal im Browser ohne Netzwerkübertragung.

Häufig gestellte Fragen (FAQ)

Was ist der Unterschied zwischen WCAG AA und AAA?

Stufe AA erfordert mindestens 4.5:1 für normalen Text, während Stufe AAA strengere 7:1 für höchste Barrierefreiheit vorschreibt.

Warum wird Grün in der Formel stärker gewichtet?

Das menschliche Auge reagiert im sichtbaren Lichtspektrum am stärksten auf grüne Wellenlängen.

Bleibt der Kontrast beim Vertauschen der Farben gleich?

Ja, da immer der hellere Wert im Zähler steht, bleibt das Kontrastverhältnis identisch.