Verificador de Contraste de Color Avanzado

Prueba la accesibilidad WCAG con un selector de color profesional RGB/HEX/HSL.

#000000
#FFFFFF
Aa Texto Grande
Así es como se ve tu texto contra el fondo. Esencial para leer párrafos largos.
Ratio de Contraste 21.00
Pass
Texto Normal
WCAG AA (4.5:1)
PASA
Texto Grande
WCAG AA (3.0:1)
PASA
Texto Normal
WCAG AAA (7.0:1)
PASA
Texto Grande
WCAG AAA (4.5:1)
PASA

Cómo usar este verificador avanzado

Hemos integrado un selector de color profesional que admite múltiples formatos. Haz clic en el cuadrado de color para abrir la paleta.

  • HEX: Colores web estándar (ej. #FF0000)
  • RGB: Valores Rojo Verde Azul (ej. rgb(255, 0, 0))
  • HSL: Tono Saturación Luminosidad (ej. hsl(0, 100%, 50%))

Haz clic en el botón "Save" dentro del selector para guardar los colores de tu sesión actual.

¿Por qué usar un verificador de contraste?

La accesibilidad web es un requisito legal en muchos países. El uso de un verificador garantiza que los usuarios con discapacidades visuales puedan leer su contenido.

Las Pautas WCAG 2.1 establecen fórmulas matemáticas para la legibilidad.

Comprender las puntuaciones

  • Nivel AA: El estándar industrial. Requiere al menos 4.5:1 para texto normal.
  • Nivel AAA: El estándar de oro. Requiere al menos 7.0:1 para texto normal.

Cómo mejorar el contraste

Si el resultado muestra un "FALLO", intenta oscurecer el color del texto o aclarar el color del fondo.