Comprobador de contraste
Comprueba el contraste WCAG de textos y colores de interfaz
Prueba:
Sirve cualquier color CSS, con transparencia: #rgb, #rrggbbaa, rgb(), hsl(), oklch() y nombres como navy.
Texto de encabezado de ejemplo
Texto grande: 14 pt negrita o 18 pt
Texto de cuerpo para comprobar la legibilidad.
La letra pequeña, pies de foto y notas necesitan más contraste.
Botón
Relación de contraste
4.83:1
Mejor nivel alcanzado: AA
- AA · Texto normal4.5:1Aprueba
- AA · Texto grande3:1Aprueba
- AAA · Texto normal7:1No aprueba
- AAA · Texto grande4.5:1Aprueba
- AA · Iconos, bordes y controles3:1Aprueba
Grande: 18 pt+ o 14 pt+ en negrita
Colores más cercanos que cumplen
Mismo tono y saturación, con el menor cambio de luminosidad. Haz clic para aplicar.
Preguntas frecuentes
Herramientas relacionadas
Funciona en tu dispositivo, no en nuestros servidores
Esta página usa APIs del navegador (Canvas, WebAssembly, workers, etc.), así que tus archivos se quedan en tu equipo.
- El procesamiento ocurre en esta pestaña: al cerrarla, la sesión termina.
- No necesitas cuenta de ZapFile y no guardamos tus archivos (no se sube ninguno).
- Descargas solo lo que eliges; nada se nos envía para «procesamiento en la nube».
- Compruébalo tú mismo: DevTools → Red mientras usas una herramienta; no verás tus archivos subirse a ZapFile.
- Añade ZapFile a tu pantalla de inicio para abrirlo más rápido y acceder sin conexión a las páginas guardadas (las herramientas necesitan un navegador compatible).