Color Contrast Checker

El contraste de colores es un elemento muy importante para crear una web accesible para todos los usuarios. Para que el texto sea fácil de leer, el contraste entre el texto y el fondo debe ser alto.

Utiliza este verificador de contraste de colores para determinar si tus combinaciones de colores son accesibles o no.

Selecciona tus colores para empezar

Color del texto

#

Color de fondo

#
RGB:

Resultado (Ratio: )

AA+ AAA+
Texto normal
Texto largo

La herramienta utiliza la fórmula WCAG 2.0 (autoridad global en accesibilidad web) para el contraste de colores. Para el cumplimiento del nivel AA, tu texto debe tener una relación de contraste de 4.5:1 (¡no te preocupes, nuestra herramienta lo resolverá por ti!). Para el nivel AAA, tu texto debe tener una relación de contraste de 7:1. Sin embargo, si su texto es grande (más de 18 puntos o 14 puntos si el texto está en negrita), entonces su relación puede ser de 3:1 para el nivel AA y de 4,5:1 para el nivel AAA.

Siteimprove Toolkit. Esta colección de herramientas gratuitas le ayudará a perfeccionar su presencia digital hoy.