---
title: "WebAIM Contrast Checker"
url: "https://www.insideuxdesign.com/de/ressourcen/webaim-contrast-checker"
language: "de"
description: "Prüft, ob zwei Farben die WCAG-Kontrastanforderungen erfüllen."
published: "2026-10-14T09:50:32+02:00"
updated: "2026-10-14T09:50:32+02:00"
---

# WebAIM Contrast Checker

Prüft, ob zwei Farben die WCAG-Kontrastanforderungen erfüllen.

- **Art:** Tool
- **Preis:** Kostenlos
- **Anbieter / Autor:in:** WebAIM
- **Link:** [webaim.org/resources/contrastchecker/](https://webaim.org/resources/contrastchecker/)

Tool · Kostenlos

# WebAIM Contrast Checker

Prüft, ob zwei Farben die WCAG-Kontrastanforderungen erfüllen.

 [Zur Website →](https://webaim.org/resources/contrastchecker/)

Zwei Farbwerte eingeben, Ergebnis ablesen: Das Kontrastverhältnis und die Einordnung nach AA und AAA für normalen und großen Text.

## Mehr aus der Werkzeugkiste

  [ ](https://www.insideuxdesign.com/de/ressourcen/figma) Ressource

### [Figma](https://www.insideuxdesign.com/de/ressourcen/figma)

Kollaboratives Design-Tool für Interfaces, Prototypen und Design Systems – im Browser und als App.

   [ ](https://www.insideuxdesign.com/de/ressourcen/wave) Ressource

### [WAVE](https://www.insideuxdesign.com/de/ressourcen/wave)

Browser-Erweiterung, die Barrieren wie fehlende Alternativtexte oder Kontrastprobleme direkt auf der Seite markiert.

   [ ](https://www.insideuxdesign.com/de/ressourcen/lean-ux-fuer-kleine-teams) Ressource

### [Lean UX für kleine Teams](https://www.insideuxdesign.com/de/ressourcen/lean-ux-fuer-kleine-teams)

Zwei Leute. Kein Budget. Trotzdem das Richtige bauen: 23 Methoden entlang des Double Diamond, jede mit Zeitbedarf, Vorlage und Checkliste.