Comprueba el contraste de dos colores HEX
Compara una combinación de texto y fondo antes de usarla en una interfaz.
Para qué sirve
Una relación de contraste aislada no certifica accesibilidad completa ni evalúa los controles, el foco o todo el diseño responsive.
Cómo funciona
Introduce los colores de primer plano y fondo en formato HEX. Revisa la proporción de contraste que devuelve la herramienta y prueba el texto sobre los colores en su tamaño final.
Pasos para usar esta herramienta
- Introduce dos códigos HEX válidos.
- Compara la relación en el contexto de tu texto.
- Prueba la interfaz real con teclado y pantalla.
Cómo se obtiene el resultado
El cálculo se basa en los valores introducidos; la legibilidad del producto depende también de tamaño, grosor, estados, imágenes, transparencia y contexto de uso.
Cuándo puede ser útil
- Revisar un botón sobre un fondo oscuro.
- Comparar dos paletas antes de definir colores de marca.
- Detectar una combinación con poco contraste en un titular.
Preguntas frecuentes
¿Un buen número garantiza accesibilidad?
No. También importa el tamaño del texto, estados e interacción.
¿Sirve para colores con transparencia sobre imágenes?
Comprueba el fondo efectivo en la interfaz real; dos valores HEX no representan toda esa composición.
¿Puedo convertir y copiar un color?
Sí, revisa que el valor convertido corresponda al color esperado.
Límites y comprobaciones
Es una comprobación puntual, no una auditoría completa de accesibilidad.
Más herramientas de esta categoría
Actualizado el .
OpenToolSuite · Feroz Sheikh · Contacto