Verificador de contraste de color (WCAG).
El contraste entre el texto y su fondo decide si tu contenido se lee o se pierde, y es un requisito de accesibilidad que además mejora la conversión. Esta herramienta calcula el ratio de contraste entre dos colores y te dice al instante si cumple los niveles AA y AAA de las pautas WCAG, para texto normal y grande. Ajusta los colores y ve el veredicto y una vista previa en vivo, sin instalar nada.
Tus colores
Contraste
Ratio de contraste
-.
Nivel AA
-
Nivel AAA
-
Vista previa
Texto normal de ejemplo sobre el fondo elegido. Así se ve un párrafo corriente.
Título grande de ejemplo.
Cómo se calcula el contraste.
El contraste se mide como un ratio entre la luminancia del color más claro y la del más oscuro, de 1:1 (sin contraste) a 21:1 (negro sobre blanco). Las pautas WCAG fijan mínimos según el tamaño del texto: mientras más chico y fino, más contraste necesita para leerse con comodidad.
El texto grande es de 18px (o 14px en negrita) hacia arriba. Cumplir el contraste no solo es accesibilidad: un texto legible sube la comprensión y la conversión para todos.
Preguntas frecuentes.
¿Qué es el ratio de contraste?
Es la relación entre la luminancia del color de texto y la del fondo. Va de 1:1 (idénticos) a 21:1 (negro puro sobre blanco puro). Cuanto más alto, más legible.
¿Qué diferencia hay entre AA y AAA?
AA es el estándar recomendado para la mayoría de los sitios (4,5:1 en texto normal). AAA es el nivel más exigente (7:1) y se busca cuando la accesibilidad es prioritaria.
¿Por qué el texto grande exige menos contraste?
Porque las letras más grandes y gruesas se distinguen mejor aunque el contraste sea algo menor, así que la norma baja el mínimo a 3:1 en AA.
¿El contraste afecta el SEO o la conversión?
De forma indirecta sí: un texto legible mejora la experiencia, baja el rebote y hace tu contenido usable para más personas, y la accesibilidad es una señal de calidad.
Herramientas relacionadas.
El siguiente paso
Un sitio accesible es un sitio que convierte más.
El diseño accesible es parte de cómo Futture construye experiencias que rinden. Conversemos tu caso.