El color no tiene suficiente contraste con el blanco (#FFFFFF) y el negro (#000000)

En Android Studio (aplicación oficial para la programación de Android) he creado un color que quiero como color primario. Sin embargo, la aplicación (Android Studio) se queja de que mi color no tiene suficiente contraste con el color negro #000000 (que se usa como color de texto). Cambié al tema oscuro, pensando que cambiar el color del texto (que tiene que complementar el color primario) a blanco #FFFFFF superaría el error. Sin embargo, el error sigue ahí.

error de estudio android

Aquí está mi color:#35885C

Ignorando lo que diga esta aplicación. Tengo muchas dudas sobre si mi color se complementa mejor con el blanco o el negro. ¿Hay algún tipo de fórmula matemática para calcular la queja con blanco y negro, tal vez con otros colores? ¿El negro o el blanco serían los más adecuados para este color? Imagine el color verde proporcionado con texto en blanco o negro, ¿ambos colores no se corresponden con mi color?

Respuestas (1)

En fondo negro solo falla para WCAG AAA , que no es obligatorio, y solo falla en letra pequeña, por lo que diría que es bastante seguro. Su relación de contraste es 4,83:1 y el nivel AA requiere 4,5:1 mientras que AAA requiere 7:1 para texto normal, pero 4,5 para fuentes grandes

Si hablamos de fondo blanco, obtienes 4.35: 1 , por lo que falla AA y AAA en texto normal e incluso falla en texto AAA grande

En resumen, si desea mantener ese tono de verde y cumplir con los niveles de accesibilidad AA y AAA, debe usar lo siguiente:

Fondo blanco:

#24603F

Fondo negro:

#3FAB70

y, por supuesto, puede verificar los colores con la herramienta de verificación de contraste

Estoy muy interesado en la relación de contraste de la que hablas. ¿Algún artículo o algo que conozcas para tratar de entender el concepto más profundamente? ¡Buen consejo sobre la herramienta de verificación de contraste!
Jonas, es genial que estés interesado en la accesibilidad, ¡bien hecho! Acerca de su pregunta, eche un vistazo al primer enlace en mi respuesta, tiene una explicación muy completa y un enlace a más recursos. Si necesita una fórmula, consulte ux.stackexchange.com/questions/107318/… y tiene muchas en w3.org/TR/WCAG20-TECHS/G17.html y w3.org/TR/WCAG20-TECHS /G18.html
El color no tiene suficiente contraste con el blanco (#FFFFFF) y el negro (#000000)
RespuestasAquíPolítica de privacidad1y, 0v