Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Comprobador de contraste
Comprueba el contraste de texto según WCAG 2.2 con vista previa y resultados AA y AAA para texto normal y grande.
Un texto legible comunica mejor el mensaje.
Texto normal · Aa 123
Relación de contraste
Cálculo según WCAG 2.2. Los fondos transparentes se componen sobre blanco.
Acerca de esta herramienta
Prueba las combinaciones que realmente se superponen en la página. Aprobar este contraste no garantiza la accesibilidad del sitio completo.
Cómo se usa
Elige colores de texto y fondo. El texto normal necesita una relación de 4,5 para AA y 7 para AAA; el grande, 3 y 4,5. Se considera grande a partir de 24 px o unos 18,67 px en negrita. Los fondos transparentes se componen sobre blanco. Esta prueba de contraste no equivale a una auditoría completa de accesibilidad.
Preguntas frecuentes
¿A partir de qué tamaño se considera texto grande?
Desde 24px, o unos 18,67px en negrita. Los umbrales AA/AAA son 4,5:1/7:1 para texto normal y 3:1/4,5:1 para texto grande. Un fondo transparente se compone primero sobre blanco.
¿Por qué puede fallar AA si se muestra 4,5:1?
El valor visible se redondea a dos decimales, pero la evaluación usa el valor sin redondear. Aumenta el contraste hasta que el indicador correspondiente confirme que cumple.
¿Cómo compruebo texto sobre una foto o un degradado?
Prueba los colores reales detrás del texto, sobre todo donde haya menos contraste. Aquí se comparan dos colores y el fondo transparente se compone sobre blanco; comprueba que esa suposición coincida con tu página.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0