Comprobador de Contraste de Color
Verifica las relaciones de contraste WCAG 2.1 entre dos colores. Asegura que tu texto cumpla con los estándares de accesibilidad AA y AAA.
Descubre Más Herramientas Gratis
Cómo Usar Esta Herramienta
- Elige un color de primer plano (texto) y un color de fondo usando los selectores de color o escribiendo códigos hexadecimales.
- Ve la vista previa en vivo de cómo se ve tu texto sobre el fondo.
- Revisa los resultados WCAG: AA Normal (≥4.5:1), AA Grande (≥3:1), AAA Normal (≥7:1), AAA Grande (≥4.5:1).
- Ajusta los colores hasta que todos los niveles requeridos pasen.
Herramientas Relacionadas
Convertidor de Colores
Convierte colores entre formatos HEX, RGB y HSL con vista previa en vivo.
Minificador de CSS
Minifica y embellece código CSS. Elimina espacios en blanco y comentarios para producción.
Codificador de Entidades HTML
Codifica o decodifica entidades HTML y caracteres especiales de forma segura.
Preguntas Frecuentes
¿Qué es la relación de contraste WCAG?
WCAG define relaciones de contraste mínimas entre el texto y el fondo. AA Normal requiere 4.5:1 para texto normal. AA Grande requiere 3:1 para texto mayor de 18px o negrita de 14px. AAA es más estricto.
¿Qué es una buena relación de contraste?
Para texto normal, al menos 4.5:1 (AA). Para texto grande, 3:1 (AA Grande). Para mejor accesibilidad, apunta a 7:1 (AAA).
¿Funciona con códigos hexadecimales?
Sí. Puedes escribir cualquier código hex de 6 dígitos (como #3B82F6) o usar el selector de color nativo.
¿Se envían mis datos de color a algún lugar?
No. Todos los cálculos ocurren en tu navegador. No se envía ningún dato a ningún servidor.