Farbkontrast-Prüfer
Check WCAG color contrast ratio between foreground and background colors and verify AA/AAA compliance. Kostenlos, privat und 100% clientseitig.
Beispiel ausprobieren:
Local only
Letzte Verlauf
Noch kein Verlauf
Verwendung
- Enter two colors (foreground and background) separated by a newline or space.
- Read the contrast ratio and AA/AAA compliance results.
- Adjust colors to meet your accessibility target.
Aufgaben mit diesem Tool
Prüfen color contrast for WCAG accessibility compliance
Measure der contrast ratio zwischen foreground und background colors und verifizieren it meets WCAG AA oder AAA thresholds. AUFGABE
Konvertieren RGB colors to HEX (and back)
Translate color Werte zwischen rgb() und #rrggbb notation, mit alpha-channel handling für CSS funktionieren. AUFGABE
Häufige Fragen
- What is the WCAG contrast ratio?
- The ratio is (L1 + 0.05) / (L2 + 0.05) where L1 and L2 are the relative luminances of the lighter and darker colors. Black on white yields 21:1.
- What are the AA and AAA thresholds?
- AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.
Verwandte Tools
Farb-Konverter
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Kostenlos, privat und 100% clientseitig. WERKZEUG
Farbmischer
Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Kostenlos, privat und 100% clientseitig. WERKZEUG
Farbwähler aus Bild
Extract dominant colors from image. Kostenlos, privat, 100% clientseitig. WERKZEUG