Question 1

Ist dieser Kontrastrechner kostenlos?

Accepted Answer

Ja, komplett — jede Funktion auf dieser Seite ist kostenlos, inklusive Bild-Farbauswahl, dem Verlaufs-/Hintergrund-Scan und dem Link-Kontrast-Modus. Keine Anmeldung, kein Wasserzeichen und nichts hinter einem „Pro"-Tarif versteckt, anders als bei manchen für dieses Tool getesteten Wettbewerbern.

Question 2

Muss ich etwas herunterladen oder installieren?

Accepted Answer

Nein. Alles läuft direkt in diesem Browser-Tab — prüfe ein Farbpaar, entnimm eine Farbe aus einem Bild oder scanne einen Verlauf, du installierst nichts und es bleibt danach auch nichts auf deinem Gerät zurück.

Question 3

Lädt dieses Tool meine Farben oder Bilder irgendwohin hoch?

Accepted Answer

Nein. Jede Farbe, die du prüfst, entnimmst oder speicherst, und jedes Bild, das du für die Farbauswahl oder den Hintergrund-Scan hochlädst, wird komplett in deinem Browser verarbeitet. Dieses Tool hat gar keinen Server im Hintergrund, an den überhaupt etwas geschickt werden könnte.

Question 4

Welchen Kontrastwert brauche ich, um WCAG AA zu bestehen?

Accepted Answer

4,5:1 für normale Schrift, 3:1 für große Schrift (18pt/24px oder 14pt/18,66px fett) und 3:1 für grafische Objekte und UI-Elemente wie Icons und Formularrahmen (WCAG SC 1.4.11). Dieses Tool prüft alle drei automatisch und zeigt für jedes ein klares Bestanden oder Nicht bestanden.

Question 5

Welchen Kontrastwert brauche ich, um WCAG AAA zu bestehen?

Accepted Answer

7:1 für normale Schrift und 4,5:1 für große Schrift. AAA ist die strengere Stufe — die meisten Websites und gesetzlichen Vorgaben (ADA, Section 508, der European Accessibility Act) verlangen nur AA, aber dieses Tool zeigt beide, damit du dort höher zielen kannst, wo es sich lohnt.

Question 6

Was ist der Unterschied zwischen normaler und großer Schrift beim Kontrast?

Accepted Answer

WCAG stuft große Schrift als leichter lesbar bei niedrigerem Kontrast ein und setzt die Latte entsprechend niedriger: 18pt (24px) in normaler Stärke oder 14pt (18,66px) fett gilt als große Schrift und braucht für AA nur 3:1 statt 4,5:1. Alles Kleinere zählt als normale Schrift und braucht den höheren Wert.

Question 7

Prüft das auch den Kontrast von Buttons, Icons und anderen Nicht-Text-Elementen?

Accepted Answer

Ja — die Zeile „Grafische Objekte & UI-Elemente" prüft dein Farbpaar gegen den 3:1-Wert, den WCAGs SC 1.4.11 für Dinge wie Icons, Rahmen von Formularfeldern und Fokus-Indikatoren verlangt, nicht nur für Text. Nur 2 der 7 für dieses Tool getesteten Wettbewerber weisen diese Anforderung überhaupt separat aus.

Question 8

Kann ich die Farbe aus einem Bild auf Kontrast prüfen?

Accepted Answer

Ja — unter „Farbe aus einem Bild entnehmen" lädst du ein Bild hoch, ziehst es hinein oder fügst es per Strg+V (Cmd+V auf dem Mac) ein, wählst, ob es die Text- oder Hintergrundfarbe setzen soll, und klickst dann auf ein beliebiges Pixel, um dessen exakte Farbe zu entnehmen.

Question 9

Kann ich den Kontrast gegen einen Verlauf oder ein Hintergrundbild prüfen?

Accepted Answer

Ja — genau das macht „Gegen einen Verlaufs- oder Bild-Hintergrund prüfen". Statt nur ein flaches Farbpaar zu prüfen, scannt es jedes Pixel hinter deiner Textfarbe über einen Zweifarben-Verlauf oder ein hochgeladenes Bild, findet den ungünstigsten Kontrastwert und markiert genau, wo er scheitert. Kein für dieses Tool getesteter Wettbewerber bietet das.

Question 10

Prüft das auch den Link-Kontrast gegen umgebenden Text?

Accepted Answer

Ja — aktiviere „Link-Kontrast prüfen", um ein Feld für die Farbe des umgebenden Texts hinzuzufügen. Es prüft deine Linkfarbe sowohl gegen den Hintergrund als auch gegen den umgebenden Text und deckt damit WCAGs Vorgabe ab, dass ein Link auch ohne alleinige Farb-Unterscheidung erkennbar sein muss (SC 1.4.1).

Question 11

Ist dieses Tool ADA- und Section-508-konform?

Accepted Answer

Dieses Tool prüft deine Farben gegen die WCAG-2.2-AA-Schwellenwerte, auf die sich sowohl ADA als auch Section 508 als technischen Maßstab beziehen — ein Paar, das hier AA besteht, erfüllt also den zugrunde liegenden technischen Standard, auf den sich beide Gesetze berufen. Keines der Gesetze zertifiziert einzelne Tools, nutze dies also, um die tatsächlichen Farben deiner Website zu prüfen, nicht als Ersatz für ein vollständiges Accessibility-Audit.

Question 12

Hilft dieser Kontrastrechner bei BFSG- oder EAA-Konformität?

Accepted Answer

Ja — das deutsche Barrierefreiheitsstärkungsgesetz (BFSG), seit Juni 2025 in Kraft und Umsetzung des European Accessibility Act, verweist auf WCAG 2.1 AA / EN 301 549, deren Kontrast-Schwellenwerte identisch mit denen sind, die dieses Tool prüft. Deine Farben hier zu prüfen ist ein direkter, praktischer Schritt in Richtung dieser Anforderung — auf der deutschen Version dieser Seite auch mit „BFSG-konform"-Formulierung neben „Kontrastrechner"/„Kontrast Checker".

Question 13

Unterstützt das APCA oder WCAG-3-Kontrast?

Accepted Answer

Noch nicht, ganz ehrlich: Der Kontrast-Algorithmus von WCAG 3 ist Stand dieser Recherche weiterhin nicht festgelegt — die Arbeitsgruppe hat die Arbeit am visuellen Kontrast zur weiteren Prüfung zurückgestellt, und der Recommendation-Status wird frühestens 2028–2030 erwartet. Einen „APCA-Wert" heute anzuzeigen würde eine Konformität mit einem Standard suggerieren, den es formal noch gar nicht gibt — deshalb bleibt dieses Tool beim aktuellen, gesetzlich referenzierten WCAG-2.x-Wert.

Question 14

Ist das eine Chrome-Erweiterung oder ein Figma-Plugin?

Accepted Answer

Nein — das ist eine Website, keine installierbare Browser-Erweiterung oder ein Design-Tool-Plugin, es gibt also nichts zu Chrome, Figma oder sonst wo hinzuzufügen. Die Pipette „Vom Bildschirm auswählen" übernimmt dieselbe seitenübergreifende Farbprüfung, ganz ohne Installation.

Question 15

Kann ich eine Farbe direkt von meinem Bildschirm auswählen?

Accepted Answer

Ja — klick auf „Vom Bildschirm auswählen" neben einem beliebigen Farbfeld, und dein Cursor verwandelt sich in eine Pipette, mit der du dich über deinen gesamten Bildschirm bewegen kannst, nicht nur über diesen Browser-Tab, über die native EyeDropper-API des Browsers.

Question 16

Warum kann ich die Pipette nicht in Firefox oder Safari nutzen?

Accepted Answer

Das ist eine echte Einschränkung dieser Browser, keine bewusste Weglassung hier: Die EyeDropper-API ist aktuell nur in Chrome, Edge und anderen Chromium-basierten Browsern implementiert. In Firefox oder Safari wird der Button ausgeblendet, statt als toter Button angezeigt zu werden — gib den Hex-Wert stattdessen ein oder füge ihn ein, oder nutze die Bild-Farbauswahl.

Question 17

Funktioniert das auf dem Handy und in jedem Browser?

Accepted Answer

Der eigentliche Kontrast-Check — Farben eingeben oder einfügen, der Link-Kontrast-Modus, die Bild-Farbauswahl und der Verlaufs-/Hintergrund-Scan — funktioniert in jedem modernen Browser, Desktop wie Handy: Chrome, Firefox, Edge und Safari kommen alle klar. „Vom Bildschirm auswählen" ist die einzige Funktion mit eingeschränkter Unterstützung (siehe die Frage zu Firefox/Safari oben), weil sie von einer Browser-API abhängt, die noch nicht überall verfügbar ist.

Link zu Hintergrund	6.29:1	Bestanden
Link zu umgebendem Text	15.99:1	Bestanden

Kontrastrechner

Farbe aus einem Bild entnehmen

Gegen einen Verlaufs- oder Bild-Hintergrund prüfen

Link-Kontrast prüfen

Häufig gestellte Fragen

Ähnliche Tools