Welches Kontrastverhältnis benötige ich?

Die WCAG 2.1 verlangen auf Stufe AA ein Verhältnis von 4,5:1 für normalen Text und 3:1 für großen Text (≥18,66px fett oder ≥24px). Stufe AAA erhöht dies auf 7:1 für normalen und 4,5:1 für großen Text.

Wie wird das Kontrastverhältnis berechnet?

Es verwendet die Formel der relativen Leuchtdichte der WCAG: Das Verhältnis ist (L1 + 0,05) / (L2 + 0,05), wobei L1 und L2 die Leuchtdichte der helleren und der dunkleren Farbe sind. Das Ergebnis reicht von 1:1 bis 21:1.

Was gilt als großer Text?

Text von mindestens 24px oder 18,66px (14pt), wenn er fett ist. Großer Text hat eine geringere Kontrastanforderung, weil er leichter zu lesen ist.

Werden meine Daten hochgeladen?

Nein. Der Kontrast wird lokal in Ihrem Browser berechnet.

Einbetten

Farbkontrast-Prüfer (WCAG)

Farb-Tools

Prüfen Sie den Farbkontrast anhand der WCAG-Stufen AA und AAA. Geben Sie Text- und Hintergrundfarbe ein, um das Kontrastverhältnis und das Ergebnis für normalen und großen Text zu sehen. Kostenlos und privat.

Kontrast nach WCAG prüfen

Geben Sie eine Text- und eine Hintergrundfarbe ein, um das genaue Kontrastverhältnis zu sehen und ob es die WCAG-2.1-Barrierefreiheitsstufen für normalen und großen Text erfüllt.

Die Schwellenwerte

AA — normaler Text: 4,5:1
AA — großer Text: 3:1
AAA — normaler Text: 7:1
AAA — großer Text: 4,5:1

Großer Text bedeutet ≥24px oder ≥18,66px in Fettschrift.

So verwenden Sie es

Legen Sie Text- (Vordergrund-) und Hintergrundfarbe fest.
Lesen Sie das Kontrastverhältnis und die Ergebnis-Badges ab.
Nutzen Sie die Live-Vorschau, um die Lesbarkeit in beiden Textgrößen zu beurteilen.

Häufige Fragen

Dieses kostenlose Tool auf Ihrer Website einbinden

Fügen Sie das Snippet ein und dieses Tool wird Teil Ihrer eigenen Inhalte, ganz ohne Entwicklung. Nützliche Tools geben Besuchern einen Grund, länger zu bleiben und wiederzukommen, und stärken so die SEO Ihrer Website. Das iframe passt seine Höhe automatisch an. Bitte lassen Sie den Link bestehen.

Einbetten

Betrieben von

Tools by Timothe AI ist eine Sammlung kostenloser Tools, die von unbounded pioneering inc entwickelt und betrieben werden – dem Unternehmen hinter Timothe AI.

Ryosuke SuzukiGründer & CEO

Gründer & CEO von Unbounded Pioneering Inc., dem Unternehmen hinter Timothe AI, und Experte für Machine Learning und die Entwicklung von KI-Produkten. Er begann seine Laufbahn in der Machine-Learning-Forschung an einem Universitätslabor und hat anschließend als Softwareentwickler bei PLAID, Rakuten und Recruit Produkte im großen Maßstab konzipiert und entwickelt, während er zugleich den Aufbau neuer Geschäftsfelder vorantrieb. Heute ist er auf generative KI und KI-Produkte spezialisiert, arbeitet an der Schnittstelle von Engineering und Geschäftsentwicklung und ist benannter Erfinder mehrerer erteilter Patente im Bereich Webtechnologie.

Benannter Erfinder der erteilten Patente JP6887648 und JP7480958 · Patent für die Timothe-AI-Technologie angemeldet

LinkedIn X Über uns →

Kontakt aufnehmen

Danke für Ihre Kontaktaufnahme

Vielen Dank für Ihr Interesse an unserem Unternehmen. Ein Mitglied unseres Teams meldet sich innerhalb eines Werktags bei Ihnen.

Womit wir Ihnen helfen können

Timothe AI einführen und optimal nutzen
KI-Einführung im Allgemeinen (auch über unser eigenes Produkt hinaus)
Allianzen und Partnerschaften
Alle anderen Fragen