Farbkontrast-Checker (WCAG)

Jedes Farbpaar gegen die WCAG-Schwellen AA und AAA testen.

100% clientseitig Für immer kostenlos Keine Anmeldung

Large text 24px — Aa Bb Cc

Normal text 16px — The quick brown fox jumps over the lazy dog.

Läuft zu 100% in Ihrem Browser — es wird niemals etwas hochgeladen.

Was ist Kontrast?

Text-/Hintergrund-Kontrast nach WCAG 2.1 prüfen: Live-Verhältnis, AA/AAA-Bewertung für normalen und großen Text. Kostenloses Tool. Geben Sie einen Wert ein und das Ergebnis aktualisiert sich sofort — ohne Wartezeit und ohne Neuladen der Seite. Das Tool ist komplett kostenlos, läuft in jedem modernen Browser und erfordert keine Anmeldung — alles wird lokal auf Ihrem Gerät ausgeführt, Ihre Daten verlassen Ihren Rechner nie.

So verwenden Sie Kontrast

  1. Öffnen Sie Kontrast — läuft sofort in Ihrem Browser.
  2. Geben Sie Ihren Wert ein oder nutzen Sie die interaktiven Regler.
  3. Das Ergebnis aktualisiert sich in Echtzeit während der Eingabe.
  4. Kopieren Sie das Ergebnis mit einem Klick und verwenden Sie es überall.

Häufige Fragen

Ist Kontrast wirklich kostenlos?

Ja — Kontrast ist zu 100 % kostenlos, ohne Limits, ohne Wasserzeichen und ohne Registrierung. Nutzen Sie es so oft Sie möchten, mit beliebig vielen Dateien oder Eingaben.

Sind meine Daten bei Kontrast sicher?

Absolut. Kontrast läuft vollständig in Ihrem Browser per JavaScript — Ihre Eingaben werden auf Ihrem eigenen Gerät verarbeitet und nie an einen Server übertragen.

Funktioniert Kontrast auf dem Smartphone?

Ja. Kontrast funktioniert in jedem modernen Browser auf Desktop, Tablet und Smartphone (Chrome, Firefox, Safari, Edge) — ganz ohne App-Installation.

Werden meine Bilder beim Favicon-Erstellen hochgeladen?

Nein. Der Favicon-Generator skaliert Ihr Bild mit der Canvas-API komplett im Browser und packt die Ergebnisse lokal in ein ZIP. Ihre Grafik verlässt niemals Ihr Gerät.

Ist das generierte CSS produktionsreif?

Ja — der Verlaufs-Generator erzeugt modernes Standard-CSS, das in allen aktuellen Browsern funktioniert und direkt ins Stylesheet übernommen werden kann.

Welche Favicon-Größen erhalte ich?

Das komplette moderne Set: favicon.ico (16/32/48), PNGs in 16, 32, 180 (Apple Touch), 192 und 512 (Android/PWA), plus fertigen HTML-Schnipsel und Webmanifest.