Comprobador de contraste de color

Comprueba si el color de tu texto se lee bien sobre su fondo. Escribe los dos colores y verás la relación de contraste WCAG, si cumple o no y una vista previa en vivo.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Escribe el colorEscribe o pega el valor en el campo.
  2. Copia el resultadoEl valor convertido está arriba de la lista.
  3. Explora másDebajo tienes los demás formatos, el contraste y los tonos.

Legible para todos

Alrededor de uno de cada doce hombres tiene algún tipo de deficiencia en la visión del color, y muchas más personas leen pantallas bajo el sol o con la vista cansada por la edad. Por eso las pautas de accesibilidad WCAG fijan relaciones de contraste mínimas: 4,5:1 para texto normal y 3:1 para texto grande y elementos de la interfaz en el nivel AA, 7:1 y 4,5:1 en el nivel AAA.

La relación se calcula a partir de la luminancia relativa de los dos colores, tal como la define WCAG 2. Usa Intercambiar para probar texto claro sobre fondo oscuro y al revés, y elige un tono más oscuro o más claro de la paleta hasta que el resultado cumpla.

Colores transparentes

Si el color del texto tiene transparencia, primero se mezcla con el fondo, así la relación coincide con lo que ven realmente los usuarios.

Preguntas frecuentes

¿Qué se considera texto grande?

Al menos 24 px en peso normal o unos 19 px en negrita. El texto grande necesita una relación de 3:1 para AA.

¿Qué formatos de color puedo escribir?

Cualquiera válido en CSS: HEX de 3, 4, 6 u 8 dígitos, rgb(), hsl(), hwb(), lab(), oklch() y nombres de colores.

¿El valor CMYK es exacto para imprimir?

Es una conversión simple sin perfil de impresora. Para impresión profesional usa los valores CMYK del perfil de tu imprenta.

¿Qué relación de contraste necesito?

WCAG AA pide 4,5:1 para texto normal y 3:1 para texto grande y elementos de la interfaz.

¿Por qué importa OKLCH?

Se ajusta a cómo percibimos la luminosidad, así que las paletas y degradados hechos en OKLCH se ven uniformes.