¿Qué es un "valor alfa de negro"?


11

Estoy tratando de entender el siguiente párrafo en las pautas de diseño de materiales de Google:

Otros elementos, como iconos y divisores, también se benefician de tener un valor alfa de negro en lugar de un color sólido, para asegurarse de que funcionan en fondos de cualquier color.

fuente

¿Qué significa esto? Un valor alfa de 00 sería completamente transparente, ¿verdad?


Creo que "de negro" fue / es un error tipográfico. O al menos muy mal redactado que significa "un valor alfa para negro"
Scott

Sí, tiene razón, el valor Alfa se refiere a la transparencia de un color. El valor va de 00 a FF en hexadecimal donde 00 es completamente transparente y FF es sólido / opaco. En Android, lo especifica como los dos primeros caracteres en formato hexadecimal, por ejemplo, # FF000000 es negro sólido.
Samy S.Rathore

Respuestas:


5

El contexto completo es el siguiente:

Use valores alfa para texto gris, iconos y divisores

Para transmitir una jerarquía de información, puede usar diferentes tonos para el texto. El valor alfa estándar para el texto sobre un fondo blanco es 87% (# 000000). El texto secundario, que es más bajo en la jerarquía visual, debe tener un valor alfa del 54% (# 000000). Las sugerencias de texto para los usuarios, como las de los campos de texto y las etiquetas, tienen una prominencia visual aún menor y deben tener un valor alfa del 26% (# 000000).

Otros elementos, como iconos y divisores, también se benefician de tener un valor alfa de negro en lugar de un color sólido, para asegurarse de que funcionan en fondos de cualquier color.

Además, hay dos imágenes de ejemplo.

El problema es: parecen estar usando una definición novedosa de "valor alfa".

Además, sus valores de hex-rgb entre comillas no son correctos, y los porcentajes de ejemplo son para su ejemplo ilustrado de texto blanco sobre fondo negro (el texto dice que los valores son para texto negro sobre blanco).

Por lo que puedo decir, sugieren que use un valor de transparencia además de sus valores de color al especificar texto y reglas.

En el caso de los íconos, tal vez le sugieran que siluetee el elemento y proporcione un canal alfa no blanco en lugar de un mate de color fijo para que pueda cambiar programáticamente los colores sin proporcionar un nuevo diseño para cada valor concebible.

TLDNR; la sección está mal escrita y necesita edición


2
Si miras la ilustración además de ese párrafo, creo que lo que dicen, por ejemplo, 26% (# 000000) es RGBA (0,0,0,0.26) o "negro con una opacidad del 27%", que en la parte superior de blanco se vería gris claro, como en la imagen.
cockypup

@cockypup Eso tiene sentido. Todavía creo que tienen un problema de claridad aquí: puede ser que estén sugiriendo usar negro en todos los casos y usar un valor alfa como una forma de simular el "modo de mezcla de superposición" o algo por el estilo
Yorik

1
@yorik esa es mi interpretación también. Quieren que uses un alfa de negro en lugar de gris para que 'superponga' el color.
DA01

@ DA01: "en lugar de un color sólido" = no solo gris sino cualquier color (?) ¡Ni idea!
Yorik

16

El valor alfa se usa en el espacio de color RGBA para indicar la transparencia de un color. El valor alfa va de 0 a 1 donde 0 es completamente transparente y 1 no lo es en absoluto.

Esto permite hacer una "composición alfa" que, en términos simples, es el proceso de colocar una imagen sobre un fondo y combinar los colores para crear la ilusión de transparencia. Para obtener más información sobre este espacio de color, puede buscar en Google "espacio de color rgba" o visitar esta página de Wikipedia

Un color RGBA generalmente se denota con 4 valores, 3 para cada uno de los componentes RGB y uno último para el valor alfa (p. Ej. (0,0,0,0.5)), aunque en el documento Estilo de color al que ha hecho referencia se denotan con un valor de% delante de un valor RGB hexadecimal (por ejemplo, 50% (# 000000)).

Un " valor alfa de negro ", al menos en el alcance del documento al que se hace referencia, sería una forma breve de indicar cualquiera de los colores en el espacio RGBA que tienen negro como valor RGB (0,0,0). Van desde el 100% de negro sólido (0,0,0,1) hasta el negro completamente translúcido (0,0,0,0) que pasa por todos los valores posibles de transparencia.

Entonces, por ejemplo, un valor alfa de 57% de negro, denotado como 57% (# 000000), sería un "valor alfa de negro" donde el alfa es igual a 0.57, lo que significa que es 57% opaco.

En esta imagen puede ver los "valores alfa del negro" sugeridos en el documento Estilo de color. Los coloqué encima de blanco y rojo para que pueda ver la "composición alfa" en acción.

ingrese la descripción de la imagen aquí


Tiene razón, pero al mirar el documento de Google al que hace referencia el OP, parece estar usando una definición novedosa de valor alfa.
Yorik

¿Cómo responde esto a cuál es el "valor alfa del negro"? Tampoco estoy familiarizado con esa terminología y esto no lo aclara en mi opinión. Su cuadrado negro tiene un valor alfa de 100% (1), pero ¿qué es un valor alfa de negro? Decir en la Plaza Roja cómo le daría un valor alfa de negro?
Ryan

3
Buen punto. Editado para responder tanto el título de la pregunta como la pregunta al final del cuerpo. También se agregaron referencias al documento que el OP hizo referencia y usó el color del documento como ejemplos en la imagen.
cockypup

Creo que resolviste el enigma del enigma del misterio
Yorik
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.