Kontrastprüfer
Farbkontrastverhältnisse für WCAG-Barrierefreiheit prüfen. AA- und AAA-Standards überprüfen.
Probe Heading
This is normal text (18px). The quick brown fox jumps over the lazy dog.
This is small text (14px). The quick brown fox jumps over the lazy dog.
Kontrast Verhältnis
WCAG Guidelines
AA Normal: 4.5:1 minimum for text smaller than 18pt (or 14pt bold).
AA Large: 3:1 minimum for text 18pt+ (or 14pt+ bold).
AAA: 7:1 minimum for enhanced accessibility.
Importance: Good contrast ensures readability for users with visual impairments.
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
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 →Verwandte Artikel & Anleitungen
Lerne mehr über die effektive Nutzung von Tools
Beste Tools Sammlungen
Kuratierte Listen der am besten bewerteten Tools