tooloctopus.

Comprobador de contraste

Compara dos colores con los umbrales WCAG para texto.

En tu dispositivo · Sin cuenta

Comprobador de contraste 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.

Idioma: Español
Opciones y archivo local

Los ajustes opcionales solo se aplican a esta pestaña.

Tu resultado

 
 
 
 
 
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.
 
 
  
 
  
 
Cómo funciona el comprobador de contraste
Calcula la relación de contraste WCAG 2.2 entre dos colores sRGB opacos. Los umbrales para texto normal y grande se muestran por separado, usando la relación completa antes de redondearla para mostrarla.
 
Siguiente: Generador de layouts CSS
Siguiente: Conversor de PX a REM
 
Ejemplo
El negro sobre blanco tiene una relación de 21:1 y cumple los umbrales de texto indicados. Si el texto y el fondo tienen el mismo color, la relación es de 1:1.
 
Antes de usar el resultado
El contraste por sí solo no garantiza la accesibilidad. Los colores transparentes, los degradados, las imágenes, los indicadores de foco y el tamaño del texto mostrado requieren una revisión aparte. Se considera texto grande el de al menos 18 puntos en letra normal o 14 puntos en negrita.
         
Actualizado 
 
Citar esta página
ToolOctopus. “Comprobador de contraste.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/comprobador-de-contraste.
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.