WCAG-Kontrastprüfer
Überprüfe, ob die Farbkombination aus Text und Hintergrund die Barrierefreiheitsstufen AA und AAA erfüllt.
So überprüfst du den Kontrast zweier Farben
Wähle die Text- und Hintergrundfarbe
Gib die HEX-Codes ein oder nutze die visuellen Farbwähler für beide Farben.
Konsultiere das Kontrastverhältnis
Das berechnete Verhältnis wird sofort zusammen mit einer Vorschau des Textes auf dem gewählten Hintergrund angezeigt.
Prüfe die Übereinstimmung mit WCAG AA oder AAA
Das Tool zeigt, ob die Kombination für normalen und großen Text auf jeder Stufe geeignet ist.
Häufig gestellte Fragen zum Farbkontrast
Ein guter Kontrast zwischen Text und Hintergrund ist unverzichtbar, damit jeder deine Inhalte lesen kann – auch Menschen mit Sehbehinderungen. PDFDocks berechnet das genaue Verhältnis nach dem WCAG-Standard.
Was bedeuten AA und AAA?
+
Dies sind die zwei Konformitätsstufen der WCAG-Barrierefreiheitsrichtlinien: AA ist das empfohlene Minimum und AAA ist die anspruchsvollste Stufe.
Welches Kontrastverhältnis benötige ich?
+
Für normalen Text wird ein Minimum von 4,5:1 (AA) oder 7:1 (AAA) empfohlen; für großen Text 3:1 (AA) oder 4,5:1 (AAA).
Warum ist Kontrast wichtig?
+
Unzureichender Kontrast erschwert das Lesen, besonders für Menschen mit Sehbehinderungen oder bei Bildschirmen mit viel Umgebungslicht.
Muss ich ein Programm installieren?
+
Nein, es ist nichts zu installieren. Es funktioniert direkt im Browser.
Ist es kostenlos?
+
Ja, dieses Tool ist völlig kostenlos.
Funktioniert es zur Überprüfung des gesamten Webdesigns?
+
Es funktioniert zur Überprüfung spezifischer Farbkombinationen; um eine vollständige Website zu prüfen, musst du jede Text- und Hintergrundkombination einzeln überprüfen.
Farben
Farbkonverter (HEX, RGB, HSL, CMYK)
Konvertiert beliebige Farben zwischen HEX, RGB, HSL und CMYK sofort mit Livevorschau und dem nächsten Farbnamen.
Farbpaletten-Generator
Erstellen Sie harmonische 5-Farben-Paletten (komplementär, analog, triadisch oder monochromatisch) basierend auf einer Grundfarbe.
CSS-Gradient-Generator
Erstelle lineare oder radiale Farbverläufe mit bis zu 4 Farben und kopiere den einsatzbereiten CSS-Code.
Zufällige Farbe
Generiere eine zufällige Farbe mit einem Klick und entdecke ihren Namen, ihren HEX-/RGB-/HSL-Code und ähnliche Farben.
Farbpicker (Pipette)
Wähle jede Farbe von deinem Bildschirm mit dem Browser-Pipettenwerkzeug oder nutze den klassischen Farbwähler.
Farbenblindheitssimulator
Laden Sie ein Bild hoch und sehen Sie, wie es Menschen mit Protanopie, Deuteranopie oder Tritanopie wahrnehmen würden.
Mesh-Farbverlauf-Generator
Erstelle Hintergründe mit Mesh-Farbverläufen (verschwommene Farbflecken) und lade sie als PNG herunter oder kopiere den CSS-Code.
Farbton- und Schattenregler
Generiere automatisch die hellsten Farbtöne und dunkelsten Schatten jeder Farbe mit ihrem HEX-Code.
Farbmischer
Mische zwei Farben und entdecke die Zwischentöne Schritt für Schritt mit ihrem HEX-Code.
Farbrad (Harmonien)
Wählen Sie eine Farbe auf dem Rad und entdecken Sie ihre harmonischen Kombinationen: Komplementär-, Analog-, Triadische und mehr.
Farbpaletten-Extraktor aus Bild
Laden Sie ein Bild hoch und extrahieren Sie automatisch die dominantesten Farben in einer Palette mit HEX-Code für jede Farbe.
Durchschnittliche Farbe eines Bildes
Laden Sie ein Bild hoch und berechnen Sie sofort seine Durchschnittsfarbe mit HEX-, RGB- und HSL-Code.
Erkunde Farben nach Familie
Über 469 benannte Farben mit ihren HEX-, RGB-, HSL- und CMYK-Codes, organisiert in 12 Farbfamilien.
