Farbkontrast-Tool

Hilft Designern und Entwicklern, WCAG-konformen Farbkontrast zwischen Vordergrund- und Hintergrundfarben für Webzugänglichkeit in Interfaces und Inhalten zu überprüfen.

Request Feature / Support
8,448+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Über dieses Tool

Dieses Tool berechnet das Farbkontrastverhältnis zwischen zwei Eingabefarben nach WCAG-Formeln. Es akzeptiert Vordergrund- und Hintergrundfarben in Hex- oder RGB-Formaten und gibt ein numerisches Kontrastverhältnis sowie die Anwendbarkeit von AA und AAA aus.
Konzeptionell verarbeitet der Workflow Eingaben, konvertiert sie in sRGB, berechnet die relative Leuchtdichte jeder Farbe und wendet dann die WCAG-Kontrastformel an. Die Berechnung verwendet L = 0,2126R + 0,7152G + 0,0722B nach der Linearisierung der sRGB-Werte, und Kontrast = (L1+0,05)/(L2+0,05) mit L1 ≥ L2.
Wen es nutzt: Frontend-Ingenieure, UI/UX-Designer, QA-Teams und Produktteams, die barrierefreie Interfaces prüfen. Anwendungsfälle umfassen Text über Bildern, Buttons vor variierenden Hintergründen, Thematisierung und responsive Paletten in Hell- und Dunkelmodus.
Besonderer Mehrwert: Das Tool unterstützt mehrere Eingabeformate, liefert präzise numerische Ergebnisse und kennzeichnet klar, ob Standard- oder Großtext konform ist. Optionale Funktionen umfassen automatisierte Hinweise zur Anpassung von Farbpaaren, exportfertige Ergebnisse für Design-Übergaben und maschinenlesbare Ausgaben für Automatisierungspipelines.

Wie man es benutzt

  1. Eingaben bereitstellen: Vordergrund- und Hintergrundfarbe in Hex oder RGB.
  2. Optional die Textgröße in px festlegen, um normalen vs. großen Text zu simulieren.
  3. Den Accessibility-Modus (AA oder AAA) auswählen, falls verfügbar.
  4. Berechnung ausführen und Ergebnisse beobachten.
  5. Farben anpassen, um die gewünschten Schwellenwerte zu erreichen, und erneut prüfen.
How to use color tool windows

Frequently Asked Questions

Finden Sie schnelle Antworten

Welche Farbformate werden unterstützt?
Das Tool akzeptiert Hex-Farben (#RRGGBB oder #RGB) und rgb(a)-Werte. Es normalisiert Eingaben in den sRGB-Farbraum für die Berechnung. Namensfarben sind nicht in allen Umgebungen garantiert.
Wie wird das Kontrastverhältnis berechnet?
Eingaben werden analysiert und in linearisierte sRGB-Werte umgewandelt. Die relative Leuchtdichte L wird berechnet als L = 0,2126R + 0,7152G + 0,0722B. Das Kontrastverhältnis ist (L1 + 0,05) / (L2 + 0,05) mit L1 ≥ L2, gemäß WCAG-Formeln.
Wie sollten die Ergebnisse interpretiert werden?
Das Tool gibt das Kontrastverhältnis sowie Booleans passes_AA und passes_AAA zurück. Für normalen Text benötigt AA mindestens 4,5:1 und AAA 7:1. Für großen Text benötigt AA 3:1 und AAA 4,5:1. Verwenden Sie die Ergebnisse, um Farbkombinationen entsprechend anzupassen.
Sind Gerätesimulationen oder Farbraum-Spezifika enthalten?
Das Tool verwendet standardmäßig sRGB und simuliert keine gerätespezifische Anzeige oder perceptual differences. Es konzentriert sich auf WCAG-konformen Kontrast für Webinhalte.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Spotify zu MP3-Konverter

Konvertiert lokal bereitgestellte Audiodateien zu MP3, ermöglicht Offline-Hören und plattformübergre...

Color & Design Tools

Straßenentfernungsrechner

Ein Straßendistanzenrechner für Reisende, Logistikplaner und Fahrer, um Entfernungen und Reisezeiten...

Color & Design Tools

Altersrechner

Ermitteln Sie schnell das Alter einer Person anhand ihres Geburtsdatums mit unserem kostenlosen Onli...

Color & Design Tools

Währungsrechner

Schnell Währungsbeträge zwischen verschiedenen Währungen umrechnen – ideal für Reisende, Unternehmen...

Ihr Feedback ist wichtig

Helfen Sie uns, uns zu verbessern