Verificador de contraste de color gratis
Verifique las relaciones de contraste de color según los estándares de accesibilidad WCAG 2.1 AA y AAA.
Parte de las 445+ herramientas gratuitas de Yoopla.
Preview Text (Large)
This is how your regular body text will look with these color choices. Make sure it's readable.
Small text needs higher contrast to remain accessible.
Contrast Ratio
How to Use Verificador de Contraste de Color
- 1
Ingrese o seleccione un color de primer plano.
- 2
Ingrese o seleccione un color de fondo.
- 3
La herramienta calcula la relación de contraste al instante.
- 4
Verifique el cumplimiento WCAG AA y AAA.
Frequently Asked Questions
¿Qué es WCAG?▾
WCAG define estándares para hacer el contenido web accesible para personas con discapacidades.
¿Qué relación de contraste se necesita para AA?▾
4.5:1 para texto normal y 3:1 para texto grande.
¿Y para AAA?▾
7:1 para texto normal y 4.5:1 para texto grande.
Related Tools
Explora el ecosistema alrededor de
Verificador de Contraste de Color
Categoría: Developer Tools
Usa esta herramienta como punto de partida y luego avanza a herramientas cercanas, hubs temáticos, comparaciones y alternativas gratuitas.
Herramientas Relacionadas
Descubre otras herramientas que funcionan genial con Verificador de Contraste de Color
Generador de Paleta de Colores
Genere y exporte paletas de colores.
Explorar Más Herramientas →Conversor de Pixel a REM
Convierta PX a REM y viceversa.
Explorar Más Herramientas →HEX a RGB
Convertir códigos de color HEX a formato RGB instantáneamente.
Explorar Más Herramientas →Formateador JSON
Embellece y formatea datos JSON instantáneamente en línea.
Explorar Más Herramientas →Validador JSON
Comprueba si tu JSON es válido con un clic.
Explorar Más Herramientas →Codificador Base64
Convertir texto a codificación Base64 en línea gratis.
Explorar Más Herramientas →Artículos y Guías Relacionadas
Aprende más sobre el uso efectivo de herramientas
Comparaciones de Herramientas
Compara características y elige la herramienta adecuada
Generador de Paleta de Colores vs Verificador de Contraste de Color
Compare features and differences
Comparar →Conversor de Pixel a REM vs Verificador de Contraste de Color
Compare features and differences
Comparar →Codificador Base64 vs Decodificador Base64
Compare features and differences
Comparar →Alternativas Populares
Alternativas gratuitas a herramientas de pago populares
Casos de Uso
Casos prácticos de uso con esta herramienta
Colecciones de Mejores Herramientas
Listas curadas de herramientas mejor valoradas
Best Json Tools
Curated list of top developer tools tools
Explorar Más Herramientas →Best Developer Tools
Curated list of top developer tools tools
Explorar Más Herramientas →Best Code Formatter Tools
Curated list of top developer tools tools
Explorar Más Herramientas →