Español
Herramientas para desarrolladores

Comprobador de Contraste de Color

Comprueba la relación de contraste WCAG entre dos colores, con resultados AA y AAA para texto normal y grande.

Casi antes de darnos cuenta, ya habíamos despegado del suelo.
15.96:1

relación de contraste

  • ApruebaAA normal
  • ApruebaAA grande
  • ApruebaAAA normal
  • ApruebaAAA grande

Cómo usarla

  1. Elige el color del texto Usa el selector o escribe un valor hex.
  2. Elige el fondo El color detrás del texto.
  3. Lee la relación Verás la relación y los resultados WCAG.

Ejemplos

negro sobre blanco 21:1
AA normal necesita 4,5:1

Acerca de esta herramienta

El texto legible necesita suficiente contraste con su fondo, y las pautas de accesibilidad le ponen números concretos. Este comprobador mide la relación de contraste WCAG entre dos colores y muestra si la combinación aprueba AA y AAA tanto para texto normal como grande.

Una vista previa en vivo te deja ver la combinación mientras la ajustas, para encontrar un par que sea fiel a tu marca y accesible. La relación usa la fórmula oficial de luminancia WCAG 2.1, y todo se calcula en tu navegador.

Preguntas frecuentes

¿Qué relación de contraste necesito?

WCAG AA requiere 4,5:1 para texto normal y 3:1 para texto grande; AAA requiere 7:1 y 4,5:1. El texto grande es aprox. 18pt, o 14pt en negrita.

¿Cómo se calcula la relación?

A partir de la luminancia relativa de cada color, según la fórmula WCAG 2.1, dando un valor entre 1:1 y 21:1.

Herramientas relacionadas

Conversor de colores Introduce un color en HEX, RGB o HSL y mira cómo se actualizan los demás formatos al instante, con una muestra en vivo. Codificador / Decodificador de Entidades HTML Convierte texto a entidades HTML y al revés, manejando caracteres reservados y entidades numéricas. Conversor de bases numéricas Introduce un valor y su base para verlo en binario, octal, decimal y hexadecimal a la vez. Formateador y validador de JSON Pega JSON para mostrarlo con sangría, minificarlo en una sola línea o comprobar que es válido. Generador de Hash Genera hashes SHA-1, SHA-256, SHA-384 y SHA-512 de cualquier texto, calculados localmente en tu navegador. Conversor de marca de tiempo Unix Convierte entre segundos de la época Unix y fechas legibles, en ambos sentidos, con salida en UTC e ISO.

Actualizada el 13 de junio de 2026