Verificador de Contraste de Color Gratuito
Pruebe relaciones de contraste de color contra los estándares de accesibilidad WCAG 2.1. Verifique el cumplimiento AA y AAA para la legibilidad del texto. Gratuito, instantáneo y privado.
El Comprobador de Contraste de Color evalúa cualquier par de primer plano/fondo contra los estándares WCAG 2.1 AA y AAA con la fórmula de luminancia relativa. Muestra la relación de contraste, aprobado/no aprobado por tamaño de texto y componentes UI, vista previa en vivo y simulación de daltonismo para protanopía, deuteranopía y tritanopía. Sugiere alternativas que pasan cuando un par falla. Todo en tu navegador. Creado por FreeToolHub.
| Texto Normal | Texto Grande | |
|---|---|---|
| WCAG AA | ✓ Aprobado Requiere relación 4.5:1 | ✓ Aprobado Requiere relación 3:1 |
| WCAG AAA | ✓ Aprobado Requiere relación 7:1 | ✓ Aprobado Requiere relación 4.5:1 |
| Componentes de UI | ✓ Aprobado Requiere relación 3:1 (WCAG 2.1) | |
Preguntas Frecuentes
¿Qué es una relación de contraste de color?
Una relación de contraste mide la diferencia en el brillo percibido entre dos colores, expresada como una relación de 1:1 (sin contraste, colores idénticos) a 21:1 (contraste máximo, negro sobre blanco). Se calcula usando la fórmula de luminancia relativa WCAG.
¿Qué relación de contraste necesito para cumplir con WCAG?
WCAG AA requiere una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande (18pt o 14pt negrita). WCAG AAA requiere 7:1 para texto normal y 4.5:1 para texto grande. Los componentes de UI requieren al menos 3:1 bajo WCAG 2.1.
¿Qué cuenta como "texto grande" en WCAG?
El texto grande se define como 18 puntos (24px) o más en peso regular, o 14 puntos (aproximadamente 18.66px) o más en negrita. El texto grande tiene requisitos de contraste más bajos porque es inherentemente más fácil de leer.
¿Por qué importa el contraste de color para la accesibilidad?
Aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres tienen alguna forma de deficiencia en la visión del color. El texto con bajo contraste es difícil o imposible de leer para personas con baja visión o daltonismo. Un contraste adecuado asegura que su contenido sea legible para todos.
¿Este herramienta almacena mis selecciones de color?
No. Todo se ejecuta localmente en su navegador. No se envían ni almacenan colores, resultados ni datos de ningún tipo en un servidor. Su privacidad está completamente protegida.
¿Cómo funciona la función de sugerencia de colores?
Cuando un par de colores no cumple un nivel WCAG, la herramienta calcula automáticamente el color más cercano que cumpliría, ajustando la luminosidad en el espacio de color HSL mientras preserva el tono y la saturación originales. Sugiere tanto un primer plano más oscuro como un fondo más claro.