👁 Un conjunto de herramientas,
cada tarea de diseño

Verificador de Contraste

Verifique el cumplimiento de las WCAG AA/AAA para el texto y los colores de fondo. Obtenga calificaciones de accesibilidad instantáneas.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

👁 Verificador de Contraste

Guía del verificador de contraste de color

El contraste de color es la diferencia de luminancia entre el texto y su fondo. Un buen contraste garantiza la legibilidad para todos los usuarios, incluidos aquellos con discapacidad visual.

Introduzca un color de texto y un color de fondo. La herramienta calcula la relación de contraste y le indica si supera los estándares WCAG AA (mínimo) o AAA (mejorado).

Pro Tips

Frequently Asked Questions

Q: ¿Qué es la WCAG?
¿Qué es la WCAG? WCAG (Pautas de accesibilidad al contenido web) es el estándar internacional para la accesibilidad web.
Q: ¿Qué relación de contraste es buena?
¿Qué relación de contraste es buena? 4,5:1 para texto normal (AA), 3:1 para texto grande (AA), 7:1 para mejorado (AAA).
Q: ¿A qué nivel de WCAG debo apuntar?
¿A qué nivel de WCAG debo apuntar? Para sitios web estándar, opte por WCAG AA (4,5:1 para texto normal). Para proyectos centrados en la accesibilidad o sitios gubernamentales, apunte a WCAG AAA (7:1). El texto grande (18 píxeles o más en negrita) necesita 3:1 o 4,5:1.
Q: ¿Esta herramienta comprueba el daltonismo?
¿Esta herramienta comprueba el daltonismo? No, la relación de contraste tiene que ver con la luminancia, no con la percepción del color. Utilice nuestro Simulador de daltonismo junto con el Comprobador de contraste para realizar pruebas integrales de accesibilidad.
Q: ¿Cómo soluciono una relación de contraste defectuosa?
¿Cómo soluciono una relación de contraste defectuosa? Oscurezca el color del texto, aclare el color de fondo, aumente el tamaño de la fuente o ponga el texto en negrita. La herramienta destaca qué niveles WCAG pasan o fallan en tiempo real.

Colores del Mundo Hispano

Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.

Rosa Mexicano #E4007C

Color icónico del diseño mexicano, creado por Ramón Valdiosera

Azul Añil #4B0082

Tinte tradicional de los textiles mayas de Guatemala

Rojo Bermellón #E34234

El rojo intenso de los toros y la cerámica española

Amarillo Maíz #F4B41A

El oro del maíz, base de la alimentación mesoamericana

Verde Jade #00A86B

La piedra sagrada de mayas y aztecas

Azul Celeste #A5C8E1

El azul de la bandera argentina y el cielo porteño

Terracota #E2725B

Arcilla cocida — el color de los tejados coloniales

Vino Tinto #722F37

El burdeos de las bodegas de La Rioja

Oro Colonial #D4AF37

El dorado de los retablos barrocos americanos

Turquesa Caribe #40E0D0

El color de las playas del Caribe

Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.