Comprobador de contraste FREE
Mide el contraste entre dos colores según WCAG 2.2, comprueba qué requisitos cumple el par y obtén el tono más cercano que alcanza el que le falta.
Contraste
APCA (borrador, información adicional)
APCA es el modelo de contraste perceptual redactado para WCAG 3. Hoy no es un requisito de conformidad y difiere de WCAG 2 en ambos sentidos, así que se muestra como información adicional y nunca como aprobado o suspenso.
Cómo queda
Cada conversión, cada paleta y cada valor de contraste de esta página se calcula en tu navegador. Una imagen que sueltes aquí se lee en un canvas de esta pestaña y nunca se sube.
Qué significa la relación
La relación sigue la definición de WCAG 2.2: la luminancia relativa del color más claro más 0,05, dividida entre lo mismo para el más oscuro. 4,5:1 es el requisito AA para texto normal, 3:1 para texto grande y para componentes de interfaz, y 7:1 es AAA. Un color semitransparente se compone primero sobre el color de la página, igual que lo pinta un navegador.
Cuando un par no llega al objetivo, la sugerencia es el tono más cercano del mismo color que sí lo alcanza, buscado por luminosidad y croma en OKLCH y medido de nuevo tras redondear a ocho bits, de modo que el valor que copias es el que realmente pasa. Cumplir un requisito de contraste es un criterio de conformidad entre muchos y por sí solo no hace accesible una página.
Auditoría de sitios web en 2026: checklist completa de SEO, Core Web Vitals, accesibilidad y seguridad
Una buena auditoría web no es una única puntuación de Lighthouse ni una lista de decenas de avisos automáticos. Debe responder a cuatro preguntas: ¿puede un buscador descubrir y comprender correctamente el sitio?, ¿puede el usuario completar su tarea con facilidad?, ¿la web es suficientemente rápida? y ¿expone al propietario o a los visitantes a riesgos innecesarios?
Chrome vs Firefox vs Edge vs Safari: lo que aprendimos al publicar 9 extensiones de navegador
Nueve extensiones, cuatro navegadores y mucho más que un único archivo `manifest.json`. Mostramos dónde termina realmente el código compartido, por qué Safari necesita un proceso separado y qué errores solo aparecen en Firefox y en las tiendas de extensiones.
Claude Code vs OpenAI Codex vs Gemini CLI: el mejor agente de IA para programar en 2026
Claude Code, OpenAI Codex y Gemini CLI pueden leer repositorios, editar archivos y ejecutar pruebas, pero fueron diseñados para estilos de trabajo distintos. Comparamos calidad, benchmarks, seguridad, trabajo en paralelo, extensiones, precios y privacidad.
Crea una web mejor, más rápido.
Creamos software y soluciones a medida adaptadas a tus necesidades.