Comprobador de contraste de colores

Compara el color del texto con el fondo y comprueba los umbrales de contraste de WCAG.

En tu dispositivo · Sin cuenta

Comprobador de contraste de colores procesa lo que introduces en este navegador. Los datos introducidos y los resultados se excluyen de las estadísticas de uso. Las herramientas recientes guardan sus nombres, el número de visitas y la fecha y hora de la última visita. Las herramientas guardadas solo almacenan sus nombres. Guardar borradores es opcional y el texto permanece en este dispositivo; puedes eliminarlo con los controles del borrador. Cargar texto desde una URL es opcional y establece una conexión con ese servidor; el servidor puede ver la URL y tu dirección IP. La opción «Usar en» conserva temporalmente los datos en esta pestaña para pasarlos a otra herramienta. La siguiente herramienta los elimina al abrirse y los ignora si ha pasado más de un minuto.

«Copiar enlace» incluye en la dirección los datos que elijas compartir. Cualquiera que tenga el enlace puede volver a abrirlos. Se excluyen los archivos y los resultados generados. Las herramientas de contraseñas y claves solo comparten los ajustes.

Tu resultado

El veloz zorro marrón

Enter your values.

Más
Atajos de teclado

Sobre los enlaces y el reinicio

Los enlaces incluyen los datos que introduces y la configuración. Cualquiera que tenga el enlace puede verlos, así que no incluyas texto privado. Los archivos y los resultados generados no se incluyen; las selecciones aleatorias se repiten.

Al restablecer, la herramienta se recarga con sus valores iniciales y libera los archivos abiertos y los controles de dispositivos. Los borradores guardados permanecen en este dispositivo hasta que los elimines.

Comprueba el contraste del texto con su fondo

El contraste es la relación entre las luminancias relativas del color más claro y el más oscuro, tras convertir los canales sRGB a luz lineal. El nivel AA exige 4,5:1 para texto normal y 3:1 para texto grande. La herramienta compara la relación sin redondear antes de mostrarla.

Siguiente: Selector de color de una imagen

Siguiente: Selector de círculo cromático

Ejemplo

El texto negro sobre fondo blanco tiene una relación de contraste de 21:1. Dos colores idénticos tienen una relación de 1:1 y no cumplen los umbrales para texto.

Antes de usar el resultado

Solo se admiten colores sRGB opacos. Se comprueba un par de colores, no se realiza una auditoría de accesibilidad. Se considera texto grande el de al menos 18 puntos en letra normal o 14 puntos en negrita; el suavizado de bordes y el resto del contenido de la página pueden afectar a la legibilidad.

Siguiente: Cambiar tamaño de imagen

Herramientas para la misma tarea

Ayuda para interpretar el resultado

Citar esta página

ToolOctopus. “Comprobador de contraste de colores.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/comprobador-de-contraste-de-colores.

Añade la fecha de consulta si tus instrucciones lo requieren.

Las citas se formatean con citeproc-js, de Frank Bennett, y estilos de Citation Style Language. Licencia y código fuente.

Buscar una herramienta

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.