Tool · kostenlos & im Browser
Alle Farbkombinationen auf einen Blick.
Eine Palette, jede Kombination durchgerechnet: Die Matrix zeigt für jedes Farbpaar das Kontrastverhältnis und die WCAG-Stufe – mit derselben Formel, die auch Prüfwerkzeuge verwenden.
Farb-Matrix-Check
Ihre Palette, komplett durchgerechnet
Legen Sie Ihre Markenfarben an – die Matrix rechnet jede Kombination aus Text- und Hintergrundfarbe live durch.
Zeilen sind die Textfarbe, Spalten der Hintergrund – jede Zelle zeigt das Verhältnis und die WCAG-Stufe. Ihre Palette steht jetzt in der Adresszeile – Link kopieren genügt, um sie zu teilen.
Berechnet nach der WCAG-2.2-Formel für relative Luminanz. Schwellen: 4,5:1 für Text (AA), 7:1 für AAA, 3:1 für großen Text sowie Grafik- und Bedienelemente.
Kontrast gilt für die ganze Palette, nicht für ein Paar
Barrierefreie Farbwahl entscheidet sich selten an einem einzelnen Farbpaar: Jede Kombination aus Text- und Hintergrundfarbe, die auf einer Website tatsächlich vorkommt, muss die WCAG-Schwellen erreichen – 4,5:1 für Fließtext, 3:1 für großen Text und Bedienelemente. Genau das macht die Matrix sichtbar: welche Paare Ihrer Marke tragen und welche Sie besser meiden. Wie wir Farbsysteme barrierefrei umsetzen und in tragfähige Markensysteme übersetzen, zeigen die beiden Leistungen dahinter.
Häufige Fragen zur Farb-Matrix
Welche Kombinationen muss ich prüfen?
Die Matrix zeigt bewusst alle Kombinationen – so sehen Sie auch, welche Paare Sie besser vermeiden.
Reicht es, wenn meine Farben AA erfüllen?
AAA lohnt sich dort, wo viel gelesen wird. Dass einzelne dekorative Kombinationen darunter liegen, ist kein Beinbruch – solange Text nicht betroffen ist.
Warum weicht mein Prüfwerkzeug minimal ab?
Grenzwertige Paare (z. B. exakt 4,5:1) prüfen Sie am besten großzügig: ein wenig mehr Abstand kostet nichts.