# Kontrast-Check für Folien: Ist Ihr Text auf dem Hintergrund lesbar? > Text auf einer Folie braucht ein Kontrastverhältnis von mindestens 4,5 zu 1 zum Hintergrund, um WCAG 2.2 Stufe AA zu erfüllen, große Schrift 3 zu 1. Als groß gilt Schrift ab 18 pt oder ab 14 pt in Fett. Stufe AAA verlangt 7 zu 1, für große Schrift 4,5 zu 1, und Diagramme und Icons brauchen 3 zu 1. Dieser Check misst zwei beliebige Farben nach der WCAG-Formel in Ihrem Browser und schlägt die nächsten Farben vor, die bestehen. - Quelle: https://ai-presentations.com/de/tools/kontrast-check/ - Aktualisiert: 22. Oktober 2026 - Sprache: Deutsch - Englische Version: https://ai-presentations.com/tools/slide-contrast-checker/ Wählen Sie eine Textfarbe und eine Hintergrundfarbe. Sie erhalten das WCAG-2.2-Kontrastverhältnis, Bestanden oder Nicht bestanden für jede Schriftgröße, eine Live-Folie in Ihren Farben und die nächsten Farben, die bestehen. Dies ist ein interaktives Tool. Nutzen Sie es auf der Seite: https://ai-presentations.com/de/tools/kontrast-check/ ## So nutzen Sie es 1. **Beide Farben eingeben.** Wählen Sie Textfarbe und Hintergrundfarbe mit den Farbwählern oder tippen Sie Hex-Codes wie #1a1530. Die Beispielpaare zeigen übliche Kombinationen, und mit der Tauschtaste vertauschen Sie Text und Hintergrund. 2. **Verhältnis ablesen.** Das Verhältnis zählt auf einer Skala von 1 bis 21 hoch, mit Markierungen bei 3, 4,5 und 7. Die Zeile darunter sagt, für welche Schriftgrößen das Paar sicher ist. 3. **Live-Folie ansehen.** Die Vorschau zeigt Titel, Fließtext und Säulen in Ihren Farben, damit Sie das Paar so sehen, wie es das Publikum sieht. 4. **Die nächste bestehende Farbe wählen.** Wählen Sie ein Ziel und nutzen Sie dann die Karte, die den Text ändert, oder die, die den Hintergrund ändert. Beide behalten den Farbton und verändern nur die Helligkeit, und die kleinere Änderung ist markiert. 5. **Die Präsentation in diesen Farben bauen.** Die Schaltfläche legt Ihr Paar in einen Auftrag, der die KI anweist, jede Seite auf Stufe AA zu halten und zu sagen, bei welchen Paaren sie etwas anpassen musste. ## So funktioniert es Das Tool misst das Kontrastverhältnis, das die Web Content Accessibility Guidelines (WCAG) 2.2 des W3C definieren. Es läuft in Ihrem Browser und vergleicht genau zwei einfarbige Flächen. Schwellenwerte, Stand Oktober 2026. Die Formel: Jeder Farbkanal der sRGB-Farbe wird in einen linearen Wert umgerechnet (ein Kanal bis 0,04045 wird durch 12,92 geteilt, sonst als ((c + 0,055) / 1,055) hoch 2,4 berechnet). Die relative Helligkeit ist L = 0,2126 R + 0,7152 G + 0,0722 B. Das Verhältnis ist (L1 + 0,05) / (L2 + 0,05), wobei L1 die hellere Farbe ist. Es reicht damit von 1 zu 1 für gleiche Farben bis 21 zu 1 für Schwarz auf Weiß. Die ältere Grenze 0,03928 liefert für jede 8-Bit-Farbe dasselbe Ergebnis. Die Schwellen stammen aus drei WCAG-Erfolgskriterien. 1.4.3 Kontrast (Minimum), Stufe AA, verlangt 4,5 zu 1 für Text und 3 zu 1 für große Schrift. 1.4.6 Kontrast (erweitert), Stufe AAA, verlangt 7 zu 1 und für große Schrift 4,5 zu 1. 1.4.11 Nicht-Text-Kontrast, Stufe AA, verlangt 3 zu 1 für Grafiken, die zum Verständnis des Inhalts nötig sind, etwa Säulen, Icons und die Umrisse von Bedienelementen. Als große Schrift definiert WCAG 18 Punkt oder mehr, oder 14 Punkt oder mehr in Fett. Anzeige: Das Tool schneidet das Verhältnis auf zwei Nachkommastellen ab, statt zu runden. So erscheint 4,4781 als 4,47 und verfehlt 4,5, und ein Paar, das knapp danebenliegt, sieht nie wie bestanden aus. Diese strenge Lesart ist unsere Entscheidung. Nächste bestehende Farbe: Die Suche behält Farbton und Sättigung der Farbe im HSL-Modell und verschiebt nur die Helligkeit in Schritten von 0,1 Prozent, zuerst Richtung Schwarz, dann Richtung Weiß, bis das Ziel erreicht ist. Jeder Schritt wird an der gerundeten 8-Bit-Farbe geprüft, damit der angezeigte Hex-Code wirklich besteht. Vom dunkleren und vom helleren Ergebnis markiert das Tool das mit dem kleineren Abstand im RGB-Raum. WCAG schreibt kein solches Verfahren vor, es ist also unser Ansatz, und das Ergebnis passt womöglich nicht zu Ihrer Markenfarbe. Verstehen Sie es als Ausgangspunkt. Bei manchen Paaren erreicht auf einer Seite keine Farbe desselben Farbtons das Ziel, dann sagt das Tool es. So lesen Sie das Ergebnis: Das Tool misst den Kontrast zweier einfarbiger Farben und legt an jeden Text dieselbe Schwelle an. Prüfen Sie bei einem Verlauf die Stelle mit dem geringsten Kontrast und geben Sie bei einer halbtransparenten Ebene die gemischte Farbe ein. Das Kontrastverhältnis misst Helligkeit, nicht Farbton. Beamer, ein heller Raum und der Abstand zur Leinwand schwächen den Kontrast in der Praxis, deshalb empfehlen wir bei einem Vortrag in hellem Raum einen Puffer über dem Minimum, etwa 7 zu 1 für Fließtext. Das ist unser Rat, keine WCAG-Anforderung. Daten: Die Farben bleiben in Ihrem Browser. Nur wenn Sie die Schaltfläche unter dem Tool drücken, wandern die beiden Farben im Auftrag mit dem Link zur Anmeldeseite von Slaide. ## Auftrag an die KI Ein vollständiger Auftrag für die KI. Ersetzen Sie die [Platzhalter] durch Ihre Fakten. ```text Erstelle eine Präsentation mit [Anzahl] Folien zu [Thema] für [Zielgruppe]. Farben: Text [Textfarbe] auf Hintergrund [Hintergrundfarbe]. Halte jedes Paar aus Text und Hintergrund auf WCAG-2.2-Stufe AA: mindestens 4,5 zu 1 für Fließtext und Bildunterschriften, 3 zu 1 für Titel ab 24 pt und 3 zu 1 für Diagrammelemente und Icons. Setze keinen Text auf Fotos oder Verläufe, ohne eine deckende Fläche dahinter zu legen. Sag mir, bei welchen Paaren du etwas anpassen musstest, und nenne ihre Hex-Codes. ``` [Diesen Auftrag im Editor öffnen](https://app.slaide.de/registrieren?prompt=Erstelle+eine+Pr%C3%A4sentation+mit+%5BAnzahl%5D+Folien+zu+%5BThema%5D+f%C3%BCr+%5BZielgruppe%5D.+Farben%3A+Text+%5BTextfarbe%5D+auf+Hintergrund+%5BHintergrundfarbe%5D.+Halte+jedes+Paar+aus+Text+und+Hintergrund+auf+WCAG-2.2-Stufe+AA%3A+mindestens+4%2C5+zu+1+f%C3%BCr+Flie%C3%9Ftext+und+Bildunterschriften%2C+3+zu+1+f%C3%BCr+Titel+ab+24+pt+und+3+zu+1+f%C3%BCr+Diagrammelemente+und+Icons.+Setze+keinen+Text+auf+Fotos+oder+Verl%C3%A4ufe%2C+ohne+eine+deckende+Fl%C3%A4che+dahinter+zu+legen.+Sag+mir%2C+bei+welchen+Paaren+du+etwas+anpassen+musstest%2C+und+nenne+ihre+Hex-Codes.&utm_source=ai-presentations.com&utm_medium=referral&utm_campaign=tool%3Aslide-contrast-checker&utm_content=markdown) ## Häufige Fragen ### Welches Kontrastverhältnis braucht Text auf einer Folie? Für WCAG 2.2 Stufe AA braucht normaler Text mindestens 4,5 zu 1 zum Hintergrund, große Schrift 3 zu 1. Stufe AAA hebt das auf 7 zu 1 und 4,5 zu 1 an. Schwarz auf Weiß liegt bei 21 zu 1, dem Maximum, gleiche Farben ergeben 1 zu 1. ### Was gilt bei WCAG als große Schrift? Schrift ab 18 Punkt oder ab 14 Punkt in Fett. Auf einer Folie erfüllen das meist Titel und große Zahlen, Fließtext, Bildunterschriften, Fußnoten und Diagrammbeschriftungen dagegen meist nicht. Besteht ein Paar nur die Stufe für große Schrift, setzen Sie es für Titel ein und halten Sie es von kleiner Schrift fern. ### Brauchen auch Diagramme und Icons Kontrast? Ja. Das WCAG-2.2-Erfolgskriterium 1.4.11 verlangt mindestens 3 zu 1 für Grafiken, die zum Verständnis des Inhalts nötig sind, etwa Säulen, Linien, Icons und Umrisse von Bedienelementen. Der Check zeigt das als eigene Zeile neben den Textergebnissen. ### Wie prüfe ich den Kontrast in PowerPoint? Wählen Sie unter Überprüfen die Barrierefreiheitsprüfung. Sie meldet, Stand Oktober 2026, schwer lesbaren Textkontrast. Ein Farbpaar schlägt sie nicht vor. Nutzen Sie dieses Tool also bei der Farbwahl und lassen Sie danach die PowerPoint-Prüfung über die fertige Präsentation laufen. ### Ist weißer Text auf Orange oder Koralle lesbar? Für kleinen Text oft nicht. Weiß auf einer hellen Koralle wie #ff5b3a liegt bei 3,08 zu 1 und besteht nur für große Schrift. Ein tieferes #e62700 erreicht 4,51 zu 1 und besteht für Fließtext. Geben Sie Ihre eigene Farbe ein, um den nächsten Ton zu finden, der besteht. ### Wie findet das Tool die nächste bestehende Farbe? Es behält Farbton und Sättigung und verschiebt nur die Helligkeit in Schritten von 0,1 Prozent, dunkler und heller, bis Ihr Ziel erreicht ist, und markiert das Ergebnis mit der kleineren Änderung. Das ist unser eigenes Verfahren, WCAG schreibt keines vor. Prüfen Sie, ob die neue Farbe noch zu Ihrer Marke passt. ### Funktioniert der Check auch für Verläufe und Fotos? Nicht direkt, denn er vergleicht zwei einfarbige Flächen. Testen Sie bei einem Verlauf den Text gegen die Stelle mit dem geringsten Kontrast. Legen Sie bei einem Foto eine deckende oder halbtransparente Fläche hinter den Text und testen Sie den Text gegen die gemischte Farbe dieser Fläche. ### Werden meine Farben irgendwohin gesendet? Nein, die Berechnung läuft in Ihrem Browser. Nur wenn Sie die Schaltfläche unter dem Tool drücken, wandern die beiden Farben im Auftrag mit dem Link zur Anmeldeseite des Editors. Der Auftrag steht unter Das bekommt der Editor, Sie können ihn vorher lesen. ## Weiterlesen - [Schriftarten für Präsentationen](https://ai-presentations.com/de/ratgeber/schriftarten-fuer-praesentationen/): Welche Schriftarten für Präsentationen taugen, wie viele Sie nutzen, welche Größe nötig ist und wie Schriften auf fremden Rechnern stabil bleiben. - [Corporate-Design-Vorlage](https://ai-presentations.com/de/ratgeber/corporate-design-vorlage-erstellen/): Wo Sie die PowerPoint-Vorlage Ihres Unternehmens finden und wie Sie eine Corporate-Design-Vorlage mit Designfarben, Schriftarten, Logo und Layouts bauen. - [Präsentationsregeln](https://ai-presentations.com/de/ratgeber/praesentationsregeln/): Was die Regeln 10-20-30, 5-5-5 und 7-7-7 besagen, wann sie helfen, wann sie in die Irre führen und welche Sie im Berufsalltag wirklich nutzen sollten. - [Visuelle Hierarchie](https://ai-presentations.com/de/glossar/visuelle-hierarchie/): Visuelle Hierarchie ordnet Elemente so, dass das Auge sie nach Wichtigkeit liest. Definition, die fünf Signale und wie Sie sie auf Folien einsetzen. - [Weißraum](https://ai-presentations.com/de/glossar/weissraum/): Weißraum ist die leere Fläche um und zwischen den Elementen einer Folie. Definition, warum er die Klarheit erhöht und wie Sie ihn nutzen, mit Beispielen. - [Schriftgrößen-Rechner](https://ai-presentations.com/de/tools/schriftgroessen-rechner/): Kostenloser Schriftgrößen-Rechner für Präsentationen: Bildschirmgröße und Abstand eingeben, kleinste Größe für Titel, Text und Fußnote in Punkt erhalten. --- ai-presentations.com wird herausgegeben von Slaide (https://www.slaide.de), ein Einzelunternehmen von Nathalie Scholl in Heilbronn. [Wie diese Website schreibt, prüft und korrigiert](https://ai-presentations.com/de/redaktionelle-richtlinien/).