Explosion Tools

Kontrast-Checker — Farbkontrast pruefen

WCAG-Farbkontrast pruefen und Barrierefreiheit sicherstellen. Kostenlos, ohne Anmeldung, funktioniert im Browser.

Large Text (24px)

Normal text (16px) — The quick brown fox jumps over the lazy dog.

Small text (14px) — Pack my box with five dozen liquor jugs.

14.63:1

Contrast Ratio

✓AA Normal Text

Requires 4.5:1

✓AA Large Text

Requires 3:1

✓AAA Normal Text

Requires 7:1

✓AAA Large Text

Requires 4.5:1

Contrast ratios are calculated using the WCAG 2.1 relative luminance formula. All processing happens in your browser.

Über Kontrast-Checker

Dieser Kontrast-Checker berechnet das Helligkeitsverhaeltnis zwischen Vorder- und Hintergrundfarbe und zeigt an, ob die Kombination die WCAG 2.1 AA- und AAA-Anforderungen erfuellt. Verwenden Sie ihn, um sicherzustellen, dass Ihre Textfarben fuer Menschen mit eingeschraenktem Sehvermoegen oder Farbenblindheit lesbar sind. Das Tool schlaegt ausserdem die naechstliegende bestehende Farbe vor, wenn Ihre aktuelle Kombination nicht besteht.

Häufig gestellte Fragen

Was ist ein Farbkontrastverhaeltnis?
Ein Kontrastverhaeltnis misst den Helligkeitsunterschied zwischen zwei Farben. Es reicht von 1:1 (kein Kontrast, gleiche Farbe) bis 21:1 (maximaler Kontrast, Schwarz auf Weiss). WCAG-Richtlinien verlangen Mindestverhaeltnisse fuer die Lesbarkeit von Text.
Welches Kontrastverhaeltnis ist fuer WCAG erforderlich?
WCAG AA erfordert 4,5:1 fuer normalen Text und 3:1 fuer grossen Text (ab 18pt oder 14pt fett). WCAG AAA erfordert 7:1 fuer normalen Text und 4,5:1 fuer grossen Text.
Was gilt als grosser Text?
Grosser Text ist definiert als 18pt (24px) und groesser bei normaler Schriftstaerke, oder 14pt (18,66px) und groesser bei fettem Text. Grosser Text hat niedrigere Kontrastanforderungen, da er leichter zu lesen ist.
Wie behebe ich fehlenden Kontrast?
Wenn Ihre Farben den Kontrasttest nicht bestehen, versuchen Sie, die dunklere Farbe noch dunkler oder die hellere Farbe noch heller zu machen. Das Tool schlaegt automatisch die naechstliegende passende Farbe vor.

Ähnliche Werkzeuge

Hex to RGB Converter

Convert hex color codes to RGB, HSL, and more

Image Color Picker

Upload an image and click to extract color codes

RGB to HSL Converter

Convert RGB color values to HSL format

HSL to Hex Converter

Convert HSL color values to HEX format

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor and copy the code

Color Mixer

Mix two colors together at any ratio. See the blended result with hex, RGB, and HSL values plus a full gradient preview.