Tiny Online Tools
Revisa el contraste antes de llevar colores a producción
Una paleta puede verse bien y aun así incumplir requisitos de accesibilidad. Este verificador te ayuda a probar combinaciones de texto y fondo frente a los umbrales de contraste WCAG para detectar problemas antes de que lleguen al sistema de diseño, a la librería de componentes o al producto final.
Qué te indican los resultados
La herramienta muestra la relación de contraste y si la combinación supera los niveles WCAG habituales para:
- texto normal en AA
- texto grande en AA
- texto normal en AAA
- texto grande en AAA
Por qué importa en proyectos reales
Comprobar el contraste resulta útil para:
- validar colores de marca en componentes
- probar texto sobre botones, tarjetas y banners
- revisar accesibilidad durante la entrega de diseño
- evitar combinaciones difíciles de leer para personas con baja visión
Aprobar no siempre basta
Una combinación puede aprobar técnicamente y seguir resultando incómoda con tipografías pequeñas o pesos ligeros. Después de obtener una buena proporción, conviene mirar la vista previa con tamaños de texto realistas antes de darla por definitiva.