DCPIXEL
Todas las herramientas

Verificador de contraste

Verifica si dos colores cumplen con los requisitos de contraste de accesibilidad WCAG 2.1 AA/AAA para texto. Instantáneo.

Te quedan 3 intento(s) gratis para esta herramienta hoyIniciar prueba gratis de 3 días →

Colores

Relación de contraste

17.74:1

The quick brown fox

Vista previa de texto normal — jumps over the lazy dog.

Cumplimiento WCAG 2.1

AA — Texto normal (4,5:1)
AA — Texto grande (3:1)
AAA — Texto normal (7:1)
AAA — Texto grande (4,5:1)

Verificador de contraste

Introduce un color de texto y un color de fondo para ver instantáneamente la relación de contraste y si pasa los umbrales WCAG 2.1 AA y AAA para texto normal y grande — esencial para un diseño web y de aplicaciones accesible.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

Preguntas frecuentes

¿Cuál es la diferencia entre AA y AAA?
AA es el requisito legal estándar de accesibilidad que la mayoría de los sitios buscan. AAA es un nivel más estricto y opcional para máxima accesibilidad, más difícil de cumplir con colores de marca.
¿Qué cuenta como "texto grande" para el umbral 3:1?
Texto de al menos 18pt (24px), o 14pt (18.66px) en negrita, según la definición de WCAG 2.1.
¿Esto también verifica el contraste seguro para daltónicos?
Esta herramienta verifica el contraste de luminancia según WCAG, lo que ayuda ampliamente, pero para la deficiencia de visión del color específicamente, usa la herramienta separada Simulador de Daltonismo.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

También Te Podría Gustar

Otras herramientas ideales para tu trabajo

Simulador de daltonismo

Ve cómo se ve tu imagen o diseño para personas con protanopia, deuteranopia, tri...

Histograma de imagen

Ve la distribución roja, verde, azul, y de brillo de cualquier foto como un gráf...

Comparar imágenes

Sube dos imágenes y ve instantáneamente cada píxel que difiere entre ellas, resa...

Más herramientas se están traduciendo — explora el catálogo completo en inglés para el resto.

Todas las herramientas →