Skip to content
ToolK.io
Herramientas
Blog
Tutoriales
Workflows
ToolK.io

Creado con Next.js. Sin datos almacenados. 100% del lado del cliente.

PDF
Rotar PDFDividir PDFPDF a Texto
Texto
Texto a VozComparador de TextoBuscar y Reemplazar
Imagen
Imagen ↔ Base64Mejora de ImagenEliminador de EXIF
Generar
Generador de UUIDSelector aleatorioMezclador de Colores
Convertir
Código MorseNúmeros RomanosBinario ↔ Texto
Desarrollador
Visor CSVJSON a CSVAnalizador Cron
Vida & Local
NotasClima LocalRelojes Mundiales
Seguridad
Generador de HashIdentificador de HashHerramienta de cifrado AES
FeedbackReportar error·Sugerir herramienta
RecursosRSS·Blog·Novedades·Tutoriales
EmpresaContacto·Acerca de·Aviso legal·Términos de servicio·Política de privacidad
© 2026 ToolK.io — Todos los derechos reservados.
/Desarrollador/Verificador de Contraste de Color
Desarrollador🔒 Funciona en tu navegador

Verificador de Contraste de Color

Verificar la conformidad WCAG AA/AAA del contraste de color

Color del texto
Color de fondo

Título de vista previa

Así se verá el cuerpo del texto con estos colores.

Y este es el texto pequeño de referencia.

Ratio de contraste
21.00:1
WCAG AA
Texto normal✓ Aprobado
Texto grande (18px+)✓ Aprobado
Componentes de interfaz✓ Aprobado
WCAG AAA
Texto normal✓ Aprobado
Texto grande (18px+)✓ Aprobado

Acerca de Verificador de Contraste de Color

El Verificador de Contraste de Color evalúa el ratio de contraste entre dos colores según las pautas WCAG 2.1. Le indica si sus combinaciones de colores cumplen los estándares de accesibilidad AA o AAA para texto normal, texto grande y componentes de interfaz. Todo se ejecuta en su navegador.

Preguntas frecuentes

¿Cuál es un buen ratio de contraste?
WCAG AA exige un ratio mínimo de 4,5:1 para texto normal y 3:1 para texto grande (18px+ o 14px+ en negrita). WCAG AAA exige 7:1 para texto normal y 4,5:1 para texto grande. Ratios más altos implican mejor legibilidad.
¿Cuál es la diferencia entre AA y AAA?
AA es el estándar mínimo recomendado para la mayoría del contenido web. AAA es un estándar más estricto que ofrece mejor legibilidad para usuarios con discapacidades visuales. Alcanzar AAA es ideal pero no siempre obligatorio.
¿Cómo se calcula el ratio de contraste?
El ratio de contraste se calcula usando la luminancia relativa de cada color, tal como la define WCAG 2.1. La fórmula compara los colores más claro y más oscuro en una escala de 1:1 (sin contraste) a 21:1 (contraste máximo, negro sobre blanco).

🔧 Herramientas relacionadas