01
Text vor Hintergrund eingeben
Zuerst die Textfarbe, dann den deckenden Hintergrund festlegen. Tauschen kehrt die Polarität um; nach 350 ms wird neu gerechnet.
Color & Accessibility
APCA Kontrastrechnerfür lesbaren Bildschirmtext
Textfarbe und Hintergrund eingeben, den signierten Lc-Wert prüfen und die Schriftgröße als Referenz lesen.
APCA Kontrastrechner
APCA-Helligkeitskontrast
Lc 101.5
Dunkler Text auf hellem Grund
Schriftgrößen-Referenz
Gewählte Bedingung: 16px · 400 · Fließtext
Mindestgröße beim gewählten Gewicht: 15px
Im Referenzbereich
Fließtext orientiert sich mindestens an Lc 75; die Tabelle ist kein Konformitätsurteil.
300: 18.5px400: 15px700: 13px
Lc-Stufen verstehen
Lc 90: bevorzugt für Fließtext
Lc 75: Minimum für Fließtext
Lc 60: Minimum für flüssig lesbaren Text
Lc 45: Minimum für große Schrift
Lc 30: Minimum für jeden Text, nicht für Fließtext
Lc 15: Grenze der Sichtbarkeit, nur bestimmte Nicht-Text-Inhalte
APCA ist eine noch entwickelte Methode für wahrgenommenen Kontrast; das Ergebnis belegt keine WCAG-2.x- oder WCAG-3-Konformität.
Offizielles apca-w3 0.1.9; Basisalgorithmus 0.0.98G-4g. Für Webinhalte auf selbstleuchtenden Bildschirmen. © 2019–2022 Andrew Somers / Myndex.
Die Berechnung erfolgt im Browser; Farbwerte werden nicht hochgeladen.
Textbedingungen
Das Ergebnis ist aktuell.
Ein dunkles Design-Token wirkt auf Weiß anders als dieselben Farben in umgekehrter Rolle. Der APCA Kontrastrechner hält Text und Hintergrund getrennt, damit die Polarität sichtbar bleibt.
Zum Farbkontrast prüfen gehört mehr als eine Zahl: Die Kontrastberechnung APCA bleibt für ein Farbpaar gleich, während Schriftgröße und Schriftschnitt nur die Einordnung verändern.
Warum diesen APCA Kontrastrechner nutzen
Textfarbe und Hintergrund eingeben, den signierten Lc-Wert prüfen und die Schriftgröße als Referenz lesen.
Die Richtung der Farben bleibt erhalten
Der APCA Kontrastrechner liefert einen positiven Lc-Wert für dunklen Text auf hellem Grund und einen negativen für die Gegenrichtung. Beim Tauschen geht dieses Vorzeichen nicht verloren.
Zahl und Typografie zusammen beurteilen
Für denselben Lc-Wert zeigt die Tabelle Mindestgrößen für die Gewichte 300, 400 und 700. Eine andere Schriftgröße verändert die Empfehlung, nicht den Farbwert.
Den Referenzwert richtig einordnen
02
Reale Schriftbedingung wählen
CSS-Pixel, Gewicht und Fließtext oder anderen lesbaren Text einstellen. Diese Angaben ändern die Tabellenreferenz, niemals den Lc-Farbwert.
03
Ergebnis mit Kontext kopieren
Bei ausgeschalteter Automatik startet Strg oder Cmd plus Enter. Nach einer Änderung bleibt Kopieren gesperrt, bis das Ergebnis aktuell ist.
Was das Farbpaar tatsächlich zeigt
Vorzeichen für die Polarität
Der offizielle sRGB-Algorithmus berechnet einen signierten APCA Lc-Wert und unterscheidet helle von dunklen Hintergründen.
Mindestgrößen aus der Tabelle
Das Schriftgewicht 300, 400 oder 700 erhält eine Größenreferenz; ein Unterschreiten wird angezeigt, ohne einen WCAG-Erfolg zu behaupten.
Nachvollziehbare Zusammenfassung
Beide HEX-Farben, Lc, Polarität, Größe, Gewicht und Nutzung werden gemeinsam für die Designprüfung kopiert.
Grenzen dieser Berechnung
- Nur ein deckendes sRGB-Paar
- Zulässig sind drei- oder sechsstellige HEX-Werte. Transparenz, Verläufe und Bilder brauchen die tatsächlich zusammengesetzten Pixel.
- Keine Umrechnung in AA oder AAA
- Ein signierter Lc-Wert entspricht keinem eindeutigen WCAG-2.x-Verhältnis wie 4,5:1. Für formale Prüfungen ist ein eigener WCAG-Rechner nötig.
- Keine Prüfung der ganzen Seite
- Weitere Texte, Fokuszustände, Icons und Bedienelemente bleiben unbekannt. Ein Farbpaar belegt keine vollständige Barrierefreiheit.
- Keine automatische Ersatzfarbe
- Die Anwendung verändert kein Marken-Token und verspricht keine passende neue Farbe. Sie erklärt nur die aktuelle Auswahl.
Fragen zum APCA Kontrastrechner
Was haben Schriftgröße und Schriftschnitt mit dem Farbkontrast zu tun?
Der Lc-Wert gehört zum Farbpaar. Größe und Schnitt bestimmen, welche Mindestgröße in der APCA-Tabelle dazu passt; sie verändern den Lc-Wert nicht.
Welche Kontraste müssen für die Barrierefreiheit geprüft werden?
Neben diesem Farbpaar müssen weitere Textzustände, Fokus, Bedienelemente und andere Seiten geprüft werden. Der Rechner zeigt nur einen Ausschnitt.
Warum gelten für kleine und große Schrift unterschiedliche Anforderungen?
Kleine Schrift braucht meist einen höheren Lc-Wert. Deshalb zeigt die Referenztabelle für jedes Gewicht eine andere Mindestgröße statt einer einzigen Grenze.
Was bedeutet APCA Lc 60?
Lc 60 bezeichnet den Betrag des wahrgenommenen Helligkeitskontrasts. Das Vorzeichen nennt die Polarität; für Fließtext ist Lc 60 allein keine pauschale Freigabe.
Reicht ein guter Farbkontrast für Barrierefreiheit aus?
Nein. Ein guter Farbwert ersetzt weder Tastaturbedienbarkeit noch Semantik, weitere Zustände oder einen WCAG-Konformitätstest.
Ein falsch beurteiltes Farbpaar gefunden?
Jetzt den APCA Kontrastrechner verwenden
Das nächste Text- und Hintergrund-Token im APCA Kontrastrechner prüfen und Lc samt Polarität und Schriftbedingung in die Review-Notiz übernehmen.
APCA ist eine noch entwickelte Methode für wahrgenommenen Kontrast; das Ergebnis belegt keine WCAG-2.x- oder WCAG-3-Konformität.