Farbkontrast-Prüfer
Berechnen Sie das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarben und prüfen Sie Schwellenwerte für normale und große Texte.
Tool ausführen
Mit diesem Farbkontrast-Prüfer ermitteln Sie das Kontrastverhältnis zwischen Text und Hintergrund für digitale Oberflächen. Sie tragen zwei Farbwerte im Hexadezimalformat mit Raute (#000000 oder #000) oder als RGB-Text mit drei kommagetrennten Zahlen ein. Das Werkzeug berechnet den Quotienten und rundet den Wert auf zwei Nachkommastellen. Anschließend vergleicht das Tool das Ergebnis mit typischen Schwellenwerten: 4,5 zu 1 und 7,0 zu 1 für normalen Text sowie 3,0 zu 1 und 4,5 zu 1 für große Schriftgrade. Wenn Sie keine Werte eingeben, startet die Berechnung standardmäßig mit schwarzer Schrift auf weißem Grund. Bei identischen Farben beträgt das ausgegebene Verhältnis genau 1,0. Das Tool hilft Ihnen dabei, Texte auf Websites, in Benutzeroberflächen oder Dokumenten gut lesbar zu gestalten. Bei ungültigen oder nicht erkannten Farbformaten zeigt das Tool einen Hinweis an, sodass Sie Ihre Eingaben direkt anpassen können.
Anleitung
- Geben Sie die gewünschte Schriftfarbe in das Feld für den Vordergrund ein (z. B. #000000 oder rgb(0,0,0)).
- Tragen Sie die gewünschte Hintergrundfarbe in das Feld für den Hintergrund ein (z. B. #ffffff oder rgb(255,255,255)).
- Klicken Sie auf Berechnen, um das Kontrastverhältnis zu ermitteln.
- Lesen Sie das gerundete Verhältnis und die Bewertungen der Schwellenwerte für normale und große Schriftgrade ab.
Beispiele
- Dunkelgraue Schrift (#333333) auf weißem Hintergrund (#ffffff): Das Tool ermittelt ein Kontrastverhältnis von 12,63 zu 1, was alle Schwellenwerte für normalen und großen Text erfüllt.
- Helles Blau (rgb(100, 150, 255)) auf weißem Hintergrund (#ffffff): Das Kontrastverhältnis beträgt 2,75 zu 1 und erreicht die Mindestwerte für Fließtext nicht.
FAQ
Welche Farbformate kann ich eingeben?
Das Tool akzeptiert Hexadezimal-Codes mit drei (#fff) oder sechs Stellen (#ffffff) sowie RGB-Angaben mit drei kommagetrennten Dezimalzahlen wie rgb(255, 255, 255).
Was passiert, wenn ich keine Farben angebe?
Standardmäßig wird die Vordergrundfarbe auf Schwarz (#000000) und die Hintergrundfarbe auf Weiß (#ffffff) gesetzt.
Welche Schwellenwerte werden geprüft?
Das Tool vergleicht das gerundete Verhältnis mit den Werten 4,5 und 7,0 für normalen Fließtext sowie 3,0 und 4,5 für große Schriftgrade.
Welches Ergebnis entsteht bei zwei identischen Farben?
Wenn Vordergrund und Hintergrund identisch sind, beträgt das Kontrastverhältnis immer 1,0.