Verificador de contraste WCAG AA y AAA gratis
Gratis, sin registro, funciona en tu navegador. Comprueba si el texto se lee bien sobre su fondo con la relación de contraste WCAG, mira los resultados AA y AAA para texto normal, texto grande y controles, y obtén el color más cercano que sí cumple.
Así se lee el texto grande
Así se ve el texto normal del cuerpo. El veloz murciélago hindú comía feliz cardillo y kiwi, y la letra pequeña, como un pie de foto, va debajo.
Texto pequeño: pie de foto de 14px.
BotónRelación de contraste13.08:1
- Texto normal, AA: ApruebaTexto del cuerpo, al menos 4.5:1
- Texto normal, AAA: ApruebaMejorado, al menos 7:1
- Texto grande, AA: Aprueba18pt+, o 14pt+ en negrita, al menos 3:1
- Texto grande, AAA: ApruebaMejorado, al menos 4.5:1
- Íconos y controles, AA: ApruebaBotones, bordes, líneas de gráficos: 3:1
Usa la fórmula de contraste de WCAG 2. Las relaciones nunca se redondean hacia arriba, así que 4.49:1 no cuenta como 4.5:1. Se comprueba en tu dispositivo.
Por qué usar Verificador de contraste de color
- 100% gratis
- Úsala todas las veces que quieras. Sin registro, sin marca de agua, sin instalar nada.
- Privada por diseño
- Lo que escribes se queda en tu navegador y nunca se nos envía.
- Funciona en cualquier dispositivo
- Funciona en tu navegador en Windows, Mac, Linux, Android y iPhone. No necesitas ninguna app.
Cómo usar Verificador de contraste de color
- Ingresa el color del texto y el color del fondo, o elígelos.
- Lee la relación de contraste y los resultados de aprobado o reprobado.
- Si no cumple, haz clic en un color sugerido que sí cumpla.
Preguntas frecuentes
- ¿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 como botones e íconos. AAA pide 7:1 y 4.5:1.
- ¿Qué se considera texto grande?
- Al menos 18 puntos (24px) en estilo normal, o 14 puntos (unos 18.7px) en negrita.
- ¿Funciona con colores de texto transparentes?
- Sí. Un color de texto translúcido se mezcla con el fondo antes de medir el contraste.
- ¿Por qué 4.49:1 no cumple?
- WCAG indica que las relaciones no deben redondearse hacia arriba, así que cualquier valor por debajo de 4.5:1 no cumple AA para texto normal.
- ¿Verificador de contraste de color es gratis?
- Sí. Es gratis, sin registro y sin instalar nada.
Herramientas relacionadas
- Convertir color HEX a RGBConvierte un color entre HEX, RGB, HSL, HSV y CMYK en un solo paso, incluida la transparencia. Pega un código en cualquier formato o elige un color, luego copia el formato que necesitas y revisa su contraste con el texto.
- Generador de paletas de coloresGenera paletas de colores con solo presionar una tecla, bloquea los colores que te gusten o crea una a partir de un color base con armonías análogas, complementarias o triádicas. Exporta como variables CSS, Tailwind o JSON.
- Buscador de nombres de coloresEncuentra el nombre de cualquier color: pega un código HEX, RGB o HSL y obtén los nombres de color CSS más cercanos, una descripción sencilla y la lista completa de 148 colores con nombre para explorar.