Farbpipette & Kontrast-Check
Farben direkt vom Bildschirm aufnehmen und das Kontrastverhältnis nach WCAG 2.1 prüfen.
Barrierefreiheit · Webdesign · Accessibility · Color Contrast Checker
Farbe auswählen
Öffnet die Farbpipette zum Aufnehmen einer Farbe vom Bildschirm
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Kontrast prüfen (WCAG)
HEX-Farbcode eingeben, z.B. #000000
HEX-Farbcode eingeben, z.B. #ffffff
Kontrastergebnis
21.00:1
Kontrastverhältnis
AA normal: bestanden
AA groß: bestanden
AAA normal: bestanden
AAA groß: bestanden
Vorschau
Dies ist ein Beispieltext zur Vorschau des Kontrasts.
WCAG Kontrast-Richtlinien
Level AA (Minimum)
- Normaler Text: mindestens 4.5:1
- Großer Text (18pt+ oder 14pt fett): mindestens 3:1
Level AAA (Erweitert)
- Normaler Text: mindestens 7:1
- Großer Text: mindestens 4.5:1