Kostenloses Tool · Design
Kontrast-Check für Folien: Ist Ihr Text auf dem Hintergrund lesbar?
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.
- Kostenlos
- Ohne Konto
- Läuft im Browser
So nutzen Sie das Tool
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.
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.
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.
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.
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.
Quellen
So funktioniert es und worauf es beruht
Wo eine Zahl unsere eigene Faustregel ist, sagen wir das.
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.
FAQ
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
Diagramme und Zahlen
- RatgeberDas richtige Diagramm
Welches Diagramm zu welcher Aussage passt: Balken zum Vergleichen, Linien für Verläufe, Wasserfall für Brücken. Dazu Kreisdiagramm-Regeln, Tabellen und Fehler.
- GlossarTreiberbaum
Ein Treiberbaum zerlegt eine Kennzahl wie Umsatz oder Ergebnis in ihre messbaren Treiber, verbunden durch einfache Rechenregeln. Mit Beispiel zum Nachbauen.
- GlossarChartjunk
Chartjunk ist Dekoration in einem Diagramm, die beim Verstehen der Daten nicht hilft, ein Begriff von Edward Tufte. Beispiele, Weglasstest und Studienlage.
- GlossarWasserfalldiagramm
Ein Wasserfalldiagramm zeigt, wie aus einem Startwert über Zu- und Abnahmen ein Endwert wird. Definition, so lesen Sie es und typische Fehler.
- GlossarGantt-Diagramm
Ein Gantt-Diagramm zeigt die Aufgaben eines Projekts als Balken auf einer Zeitachse, Meilensteine als Markierungen. Definition, Lesen und Vereinfachen.
- GlossarVier-Felder-Matrix
Eine Vier-Felder-Matrix ordnet Elemente anhand von zwei Kriterien in vier Quadranten ein. Definition, bekannte Beispiele wie die Eisenhower-Matrix und Aufbau.
Daraus eine fertige Präsentation machen
Beschreiben Sie Ihren Vortrag in einem Satz, hängen Sie Ihre Dateien an und erhalten Sie eine bearbeitbare PowerPoint-Präsentation. Der Auftrag von dieser Seite ist schon ausgefüllt.
Diese Präsentation erstellenKostenloser Plan, ohne Kreditkarte