Saltar al contenido
uencoder

Verificar color contrast for WCAG accessibility compliance

Measure el contrast ratio entre foreground y background colors y verificar it meets WCAG AA o AAA thresholds.

  1. 1

    WCAG requires minimum contrast ratios: 4.5:1 for normal text (AA), 3:1 for large text, 7:1 for normal text (AAA). Insufficient contrast makes content unreadable for low-vision users. Automated checking ensures compliance.

  2. 2
    Verificador de contraste de color →

    Enter foreground and background colors. The tool computes the contrast ratio and reports pass/fail for WCAG AA (normal, large) and AAA (normal, large).

  3. 3
    Convertidor de color →

    If your colors are in different formats, convert them here first — the contrast checker needs consistent input.

Preguntas frecuentes

What counts as 'large text' for WCAG?
Large text is 18pt (24px) regular or 14pt (18.66px) bold. Large text has a lower contrast threshold (3:1 for AA) because larger size compensates for lower contrast.
Does the contrast ratio account for transparency?
No — the ratio is computed on opaque colors. If your foreground has alpha, composite it against the background first (fg×alpha + bg×(1-alpha)) before checking contrast. The tool may do this automatically if you provide both colors with alpha.

Flujos que resuelven esta tarea

Color Hex a RGB y verificación de contraste
Convertir color Hex a RGB y luego verificar la relación de contraste WCAG.
CANALIZACIÓN

Herramientas relacionadas

Verificador de contraste de color
Check WCAG color contrast ratio between foreground and background colors and verify AA/AAA compliance. Gratis, privado y 100% del lado del cliente.
HERRAMIENTA
Convertidor de color
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratis, privado y 100% del lado del cliente.
HERRAMIENTA
Selector de color desde imagen
Extract dominant colors from image. Gratis, privado, 100% del lado del cliente.
HERRAMIENTA