Verificador de Contraste de Color
Verifique la relación de contraste de color para cumplimiento WCAG. Asegúrese de que sus colores cumplan estándares de accesibilidad.
Verificador de Contraste de Color
Texto de Muestra
Este es un texto de muestra para probar el contraste
Descripción de la herramienta
The Color Contrast Checker tool calculates contrast ratios between foreground and background colors and evaluates them against WCAG accessibility standards. It helps ensure your designs are readable for more users.
Cuándo usar esta herramienta
Use this tool whenever you choose text and background colors for UI elements, especially for buttons, links, and body text.
Cómo usarla
Enter foreground and background colors
Provide colors in HEX, RGB, or other supported formats for text and its background.
Check contrast ratio
See the computed contrast ratio and whether it meets WCAG AA or AAA requirements for different text sizes.
Adjust colors if needed
Tweak either color until the ratio passes the desired accessibility level.
Ejemplos de uso
Validating a brand color palette
Ensure your chosen brand colors still provide enough contrast when used for body text on white or dark backgrounds.
Preguntas frecuentes
Herramientas relacionadas
Verificador de Web Vitals
Mida Core Web Vitals de su sitio web. Verifique LCP, FID, CLS y otras métricas de rendimiento.
Generador de Favicon
Genere favicon desde emoji o texto. Cree archivos PNG de favicon para su sitio web.
Previsualizador OpenGraph
Previsualice cómo aparece su sitio web cuando se comparte en redes sociales. Pruebe meta tags Open Graph.