mtools.lol
de
EnglishالعربيةČeštinaDanskDeutschΕλληνικάEspañolSuomiFilipinoFrançaisעבריתहिन्दीMagyarBahasa IndonesiaItaliano日本語한국어Bahasa MelayuNorsk BokmålNederlandsPolskiPortuguêsRomânăРусскийSvenskaไทยTürkçeУкраїнськаTiếng Việt简体中文

Farbkontrastprüfer

Beta

Überprüfen Sie, ob Ihre Kombination aus Text und Hintergrundfarbe den Barrierefreiheitsrichtlinien der WCAG entspricht.

  • Kostenlos
  • Keine Registrierung
  • Läuft in Ihrem Browser
  • Funktioniert auf Mobilgeräten

Farbkontrastprüfer auf einen Blick

Eingabe
Vordergrund- und Hintergrundfarben
Ausgabe
Kontrastverhältnis und WCAG-Konformitätsstatus
Datenschutz
Alles geschieht direkt auf Ihrem Gerät. Keine Daten werden hochgeladen.
Preis
Kostenlos, ohne Registrierung, ohne Wasserzeichen.

So verwenden Sie Farbkontrastprüfer

  1. 1Geben Sie eine Textfarbe (Vordergrund) und eine Hintergrundfarbe ein.
  2. 2Das Tool berechnet sofort das Kontrastverhältnis zwischen den beiden Farben.
  3. 3Zeigt an, ob die Kombination die WCAG AA- und AAA-Standards für normalen und großen Text erfüllt oder nicht.

Funktionen

  • Live-Kontrastverhältnisberechnung.
  • WCAG AA- und AAA-Konformitätsstatus.
  • Akzeptiert HEX-, RGB- oder HSL-Farbformate.
  • Visuelle Vorschau des Textes auf dem gewählten Hintergrund.

FAQ zu Farbkontrastprüfer

Was ist WCAG?

WCAG steht für Web Content Accessibility Guidelines. Dabei handelt es sich um eine Reihe von Standards, um Webinhalte für Menschen mit Behinderungen, einschließlich Sehbehinderungen, zugänglicher zu machen.

Was ist ein gutes Kontrastverhältnis?

WCAG AA erfordert ein Verhältnis von mindestens 4,5:1 für normalen Text und 3,1:1 für großen Text. WCAG AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text.

Warum ist Kontrast wichtig?

Hoher Kontrast stellt sicher, dass der Text für jedermann lesbar und lesbar ist, insbesondere für Benutzer mit Sehbehinderung oder Farbenblindheit.

Ähnliche Werkzeuge

HEX-zu-RGB-KonverterBetaKonvertieren Sie HEX-Farbcodes sofort in RGB und umgekehrt.Base64-DecoderDekodieren Sie Base64 (Standard oder URL-sicher) zurück in Text.Base64-EncoderText in Base64 kodieren, mit einer URL-sicheren Option.RandradiusgeneratorRunden Sie Ecken visuell ab, eine oder alle auf einmal, und kopieren Sie die CSS-Kurzschrift.

Mehr developer tools-WerkzeugeZuletzt aktualisiert