ratio.

Rechner finden

Alle Rechner und Kategorien ansehen ↗
ENTWICKLUNG

Farbkontrastverhältnis

Vergleichen Sie zwei undurchsichtige sRGB-Farben, überprüfen Sie eine Textvorschau und überprüfen WCAG 2,2 Kontrastschwellen für normalen und großen Text.

Dezimalzahlen mit Komma oder Punkt eingeben, ohne Tausendertrennzeichen. Listenwerte durch Leerzeichen oder Semikolon trennen; Syntaxangaben bei strukturierten Eingaben beachten.

Werte eingeben

01 / EINGABE
Berechnung auf Ihrem Gerät

IHRE BERECHNUNG

Ergebnis

—

Rechenschritte

Gehen Sie die Schritte einzeln durch oder zeigen Sie die gesamte Berechnung an. Die Schritte verwenden Ihre aktuellen Eingaben.

    Berechnungsmethode

    Konvertieren Sie sRGB-Kanäle in lineares Licht, berechnen Sie jede relative Leuchtdichte, dann teilen Sie die leichtere Leuchtdichte plus 0,05 durch die dunklere Leuchtdichte plus 0,05. Vergleichen Sie das ungerundete Verhältnis mit jeder Schwelle.

    Contrast ratio=(lighter luminance+0.05)/(darker luminance+0.05)

    Rechenbeispiel

    Schwarz auf Weiß hat Verhältnis 21:1. Identische Farben haben Verhältnis 1:1. #336699 auf Weiß ist ungefähr 5,998:1.

    Annahmen und Hinweise zu den Eingaben

    Undurchsichtige drei- oder sechsstellige HEX sRGB. AA-Schwellenwerte sind 4,5:1 für Normaltext und 3:1 für Großtext; AAA-Schwellenwerte sind 7:1 und 4,5:1. Großtext bedeutet mindestens 18 pt regelmäßig oder 14 pt fett. Schwellenwertentscheidungen verwenden das ungerundete Verhältnis, auch wenn der angezeigte Wert nach oben verläuft. Dies überprüft das angegebene Farbpaar, nicht vollständige Zugänglichkeitskonformität, Gradienten, Transparenz oder Bildhintergrund. Die Vorschau ist illustrativ; das mathematische Verhältnis verwendet die Eingangsfarben.

    Quellen: W3C-Kontrast minimal · W3C relative Leuchtdichte

    Hinweise zum Rechner

    Kann ich eigene Werte eingeben?

    Ja. Ersetzen Sie die Beispielwerte durch Ihre eigenen Eingaben. Ergebnis, Rechenschritte, Tabellen und gegebenenfalls Diagramme werden entsprechend aktualisiert. Bei leeren oder ungültigen Eingaben wird das Ergebnis gelöscht. Fehlende Angaben werden niemals unbemerkt durch Beispielwerte ersetzt.

    Sind die Ergebnisse exakt?

    Die Ergebnisse beruhen auf Gleitkommaarithmetik und werden für die Anzeige gerundet. Beachten Sie die Formel, die Annahmen und die gegebenenfalls angegebene Datengenauigkeit.

    Werden meine Eingaben hochgeladen?

    Die Berechnung erfolgt in Ihrem Browser. Ein Benutzerkonto, Datei-Uploads oder ein externer KI-Dienst sind nicht erforderlich. Beim Neuladen der Seite werden die Eingaben zurückgesetzt.

    VERWANDTES TOOL · DESIGNHEX-, RGB- und HSL-Farben umrechnen

    Konvertieren Sie undurchsichtige sRGB-Farbcodes zwischen HEX, Integer RGB und HSL. Siehe ungerundete Kanalwerte und die nächste 8-Bit-HEX-Darstellung.

    VERWANDTES TOOL · DESIGNDruckgröße und Bildauflösung

    Konvertieren Sie Pixel-Abmessungen, Druckabmessungen und Pixel pro Zoll. Finden Sie die Größe des physischen Drucks, benötigt ganze Pixel oder effektive Bildauflösung.

    VERWANDTE ZOLLSTOFFE · BESCHWERDEBildschirmgröße

    Geben Sie eine Bildschirmdiagonale und Pixelauflösung ein, um aktive Breite, Höhe, Seitenverhältnis, Pixeldichte und Tonhöhe mit einem dimensionierten Bildschirmdiagramm zu berechnen.

    WERBUNG

    Reservierter Werbeplatz.