Kontrastprüfer
Farbkontrastverhältnisse für WCAG-Barrierefreiheit prüfen. AA- und AAA-Standards überprüfen.
Teil von Yooplas 445+ kostenlosen Browser-Tools.
Probe Heading
Dies ist normaler Text (18 Pixel). Der schnelle Braunfuchs springt über den faulen Hund.
Dies ist kleiner Text (14 Pixel). Der schnelle Braunfuchs springt über den faulen Hund.
Kontrast Verhältnis
WCAG Guidelines
AA Normal: 4.5:1 minimum for text smaller than 18pt (or 14pt bold).
AA Groß: 3:1 minimum for text 18pt+ (or 14pt+ bold).
AAA: 7:1 minimum for enhanced accessibility.
Bedeutung: Ein guter Kontrast gewährleistet die Lesbarkeit für Benutzer mit Sehbehinderungen.
So verwendest du Kontrastprüfer
- 1
Textfarbe wählen.
- 2
Hintergrundfarbe wählen.
- 3
Verhältnis sehen.
- 4
WCAG prüfen.
- 5
Vorschau sehen.
Häufig gestellte Fragen
Was ist das WCAG-Kontrastverhältnis?▾
WCAG (Web Content Accessibility Guidelines) definiert Mindestkontrastver hältnisse für lesbaren Text. Normaler Text benötigt 4.5:1 (AA) oder 7:1 (AAA). Großer Text benötigt 3:1 (AA) oder 4.5:1 (AAA).
Warum ist Farbkontrast wichtig?▾
Guter Kontrast stellt sicher, dass Text für alle lesbar ist, einschließlich Menschen mit Sehschwäche oder Farbenblindheit. Es ist gesetzlich für viele Websites erforderlich und verbessert die Benutzererfahrung für alle.
Welche Farben haben guten Kontrast?▾
Schwarz auf Weiß (21:1) ist maximaler Kontrast. Dunkelblau auf Weiß, Weiß auf Dunkelgrau und Dunkellila auf Hellgelb funktionieren alle gut. Vermeiden Sie Hellgrau auf Weiß oder Dunkelblau auf Schwarz.
Ist dieser Kontrastprüfer kostenlos?▾
Ja, dieser WCAG-Kontrastprüfer ist völlig kostenlos und überprüft Farbkontraste sofort für barrierefreies Design.
Verwandte Tools
Erkunde das Umfeld von
Kontrastprüfer
Kategorie: Color Tools
Starte mit diesem Tool und gehe dann weiter zu verwandten Tools, Themen-Hubs, Vergleichen und kostenlosen Alternativen.
Verwandte Tools
Entdecke andere Tools, die gut funktionieren mit Kontrastprüfer
Farbwähler
Wähle und konvertiere Farben zwischen HEX, RGB und HSL.
Mehr Tools entdecken →HEX zu RGB Konverter
Hex-Farben in RGB-Werte konvertieren
Mehr Tools entdecken →Farbpaletten-Generator (Palette)
Farbschemas und Paletten erstellen
Mehr Tools entdecken →Farbkonverter
Farbformate konvertieren
Mehr Tools entdecken →Farbmischer
Farben mischen
Mehr Tools entdecken →Farbpaletten-Generator
Farbpaletten generieren und exportieren.
Mehr Tools entdecken →Themen-Hubs
Vertiefe dich in Pillar-Pages und verbundene Workflows
Verwandte Artikel & Anleitungen
Lerne mehr über die effektive Nutzung von Tools
Tool-Vergleiche
Vergleiche Funktionen und wähle das richtige Tool
Beste Tools Sammlungen
Kuratierte Listen der am besten bewerteten Tools