Conversor PX a REM, verificador de contraste WCAG y generador de botones accesibles. Herramientas gratuitas para desarrolladores.
Reúne en una sola página las comprobaciones de accesibilidad que más se repiten al maquetar: un verificador de contraste que calcula la ratio entre color de texto y de fondo y te dice si cumple AA o AAA, un conversor de píxeles a rem para tipografías escalables, y ejemplos de botones accesibles con estados de foco visibles y etiquetas ARIA correctas. Todo se calcula en tu navegador mientras escribes, sin recargar ni enviar nada a ningún servidor.
Evitas instalar extensiones o abrir tres herramientas distintas para validar un mismo componente. Los resultados siguen los criterios de las WCAG 2.1, así que puedes justificar decisiones de diseño ante cliente o equipo. Funciona igual en modo claro y oscuro, lo que permite comprobar que tu paleta cumple contraste en ambos temas antes de publicar.
Validar la paleta de una marca antes de convertirla en tokens de diseño, revisar un formulario que ha fallado una auditoría, ajustar tamaños de fuente en rem para respetar el zoom del navegador, o enseñar a un equipo junior por qué un gris claro sobre blanco no es legible. También sirve como checklist rápida antes de entregar una landing.
Apunta siempre a AA como mínimo (4.5:1 en texto normal, 3:1 en texto grande) y reserva AAA para contenido crítico. No uses solo el color para comunicar errores: acompáñalo de icono y texto. Define tamaños en rem en lugar de px para que el usuario pueda ampliar la letra. Y comprueba que cada elemento interactivo es alcanzable con el tabulador.
Sí, es gratuito y no requiere registro. Puedes usar todas las utilidades tantas veces como quieras.
Las WCAG piden 4.5:1 para texto normal y 3:1 para texto grande en nivel AA. El nivel AAA sube a 7:1 y 4.5:1 respectivamente.
No. Todos los cálculos se hacen en tu navegador, así que ninguna paleta ni valor sale de tu equipo.
Porque el rem se escala con la preferencia de tamaño de letra del usuario. Con px fijos, quien necesita texto más grande no puede ampliarlo correctamente.
No. Cubre contraste, tipografía y patrones de botón, pero una auditoría completa incluye navegación por teclado, lectores de pantalla y estructura semántica de todo el sitio.