Comprobador de contraste de color
DisponibleCalcule gratis el contraste WCAG entre dos colores y revise umbrales AA y AAA con vista previa.
Todas las herramientas son gratuitas. Los límites de archivo y procesamiento pueden variar según la herramienta.
Relación de contraste:
AA · Texto normal (≥ 4.5:1)
AA · Texto grande (≥ 3:1)
AAA · Texto normal (≥ 7:1)
AAA · Texto grande (≥ 4.5:1)
AA · Componentes y gráficos (≥ 3:1)
Texto grande: mínimo 18 pt (24 px), o 14 pt en negrita (aprox. 18,67 px).
Vista previa
¿Puede leer este texto cómodamente?
¿Puede leer este texto cómodamente?
Cómo usar
Elija dos colores o escriba códigos HEX. Intercámbielos para probar el tema inverso. La opción blanco/negro elige el mayor contraste entre esos dos contra el fondo.
El cálculo se realiza en el navegador sin redondear para decidir. Esta prueba sola no demuestra conformidad WCAG; no evalúa fondos de imagen ni transparencia.
Accesibilidad Web: WCAG, ARIA y Diseño InclusivoCómo usar
Elija dos colores o escriba códigos HEX. Intercámbielos para probar el tema inverso. La opción blanco/negro elige el mayor contraste entre esos dos contra el fondo. El cálculo se realiza en el navegador sin redondear para decidir. Esta prueba sola no demuestra conformidad WCAG; no evalúa fondos de imagen ni transparencia.
Las herramientas del navegador mantienen los archivos en tu dispositivo. Las herramientas avanzadas los suben temporalmente, con aviso previo. Las consultas web se envían al servidor y a servicios públicos.
Artículos prácticos sobre este tema
Texto blanco en un botón verde: mida antes de elegir
Un botón verde llama la atención, pero su etiqueta blanca no siempre se lee con comodidad.
Implementación de Dark Mode: CSS, JavaScript y Preferencia del Sistema
El dark mode reduce la fatiga visual y prolonga la duración de la batería.
Accesibilidad Web: WCAG, ARIA y Diseño Inclusivo
La accesibilidad web garantiza que las personas con discapacidades puedan usar los sitios web.
Herramientas relacionadas
Generador QR
Genere un QR desde un enlace o texto. Añada logo, colores, puntos y marco; descargue el QR estático en PNG o SVG y pruébelo con el teléfono.
Lector QR
Descifre el QR de una imagen para ver su texto o enlace. Lea una foto o captura en el navegador y revise la dirección antes de abrirla.
Generador de contraseñas
Genere contraseñas aleatorias para cuentas nuevas. Ajuste las opciones a sus necesidades; las contraseñas no se envían al servidor para su procesamiento.
Generador de códigos de barras
Genere códigos EAN-13, CODE 39 o CODE 128 y descárgelos en formato SVG.
Consulta DNS
Consulta registros DNS públicos como A, AAAA, MX y TXT.
Consulta IP
Consulta datos públicos de asignación IP mediante RDAP, no la ubicación exacta.