color tools

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

21.00:1
WCAG AA - Normal Text
PASS (Minimum: 4.5:1)
WCAG AA - Large Text
PASS (Minimum: 3:1)
WCAG AAA - Normal Text
PASS (Minimum: 7:1)

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. 1

    Textfarbe wählen.

  2. 2

    Hintergrundfarbe wählen.

  3. 3

    Verhältnis sehen.

  4. 4

    WCAG prüfen.

  5. 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.

Tool teilen

Teile dieses Tool mit anderen

Verwandte Tools