← Todas las herramientas de texto

Cuadrícula de contraste de color

Comprueba de una vez cada par de texto y fondo de tu paleta según WCAG.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Cuadrícula de contraste de color

Introduce tu paleta una vez y consulta en una sola cuadrícula la relación de contraste WCAG de cada par de primer plano y fondo. El texto normal necesita al menos 4.5 a 1 para el nivel AA y 7 a 1 para AAA, mientras que el texto grande necesita 3 a 1. Te ahorra revisar las combinaciones una por una.

Cómo usar Cuadrícula de contraste de color

  1. Añade los colores de tu paleta a la lista.
  2. Lee la cuadrícula para ver la relación de contraste de cada pareja de texto y fondo.
  3. Elige parejas que cumplan el nivel WCAG que necesitas y descarta las que fallan.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Qué relación de contraste necesito para el texto?

WCAG AA exige 4.5 a 1 para texto normal y 3 a 1 para texto grande. El nivel AAA pide 7 a 1 para texto normal.

¿Cuál es la diferencia entre AA y AAA?

AA es el objetivo habitual, y exige 4,5 a 1 para el texto normal. AAA es más estricto, con 7 a 1. El texto grande tiene umbrales menores en ambos niveles.

¿Los resultados se aplican a botones e iconos?

Las partes de la interfaz, como los iconos y los bordes de los campos de entrada, tienen su propio umbral WCAG de 3 a 1. Revísalas además de tus parejas de texto.

¿Es gratis Cuadrícula de contraste de color?

Sí. Cuadrícula de contraste de color de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

¿Puedo poner Cuadrícula de contraste de color en mi propio sitio web?

Sí. Usa el botón «Insertar en tu sitio» debajo de la herramienta para copiar un fragmento corto de código y pegarlo en tu página. Es gratis, no necesita cuenta y la herramienta sigue funcionando dentro de tu página.

Herramientas relacionadas