O que é um "valor alfa do preto"?

Estou tentando entender o seguinte parágrafo nas diretrizes de design de materiais do Google:

Outros elementos, como ícones e divisores, também se beneficiam de ter um valor alfa de preto em vez de uma cor sólida, para garantir que funcionem em fundos de qualquer cor.

fonte

O que isto significa? Um valor alfa de 00 seria completamente transparente, certo?

O contexto completo é o seguinte:

Use valores alfa para texto, ícones e divisores em cinza

Para transmitir uma hierarquia de informações, você pode usar tons diferentes para o texto. O valor alfa padrão para texto em fundo branco é 87% (# 000000). O texto secundário, que é mais baixo na hierarquia visual, deve ter um valor alfa de 54% (# 000000). As dicas de texto para os usuários, como as dos campos e rótulos de texto, têm um destaque visual ainda mais baixo e devem ter um valor alfa de 26% (# 000000).

Outros elementos, como ícones e divisores, também se beneficiam de ter um valor alfa de preto em vez de uma cor sólida, para garantir que funcionem em fundos de qualquer cor.

Além disso, existem dois exemplos de imagens.

O problema é: eles parecem estar usando uma nova definição de "valor alfa".

Além disso, seus valores hex-rgb entre aspas não estão corretos e as porcentagens de exemplo são para o exemplo ilustrado de texto em branco sobre fundo preto (o texto indica que os valores são para texto em preto e branco).

Pelo que sei, eles estão sugerindo que você use um valor de transparência além dos valores de cor ao especificar texto e regras.

Para os ícones, talvez eles estejam sugerindo que você faça uma silhueta do item e forneça um canal alfa não branco em oposição a um matte de cor fixo, para que você possa alterar programaticamente as cores sem fornecer arte nova para todos os valores possíveis.

TLDNR; a seção está mal escrita e precisa ser editada

O valor alfa é usado no espaço de cores RGBA para indicar a transparência de uma cor. O valor alfa varia de 0 a 1, em que 0 é completamente transparente e 1 não é transparente.

Isso permite fazer a "composição alfa" que, em termos leigos, é o processo de colocar uma imagem em cima de um plano de fundo e combinar as cores para criar a ilusão de transparência. Para obter mais informações sobre esse espaço de cores, você pode pesquisar no Google "espaço de cores rgba" ou visitar esta página da Wikipedia.

Uma cor RGBA geralmente é indicada com 4 valores, 3 para cada um dos componentes RGB e um último para o valor alfa (por exemplo, (0,0,0,0,5)), embora no documento Estilo de cor que você referenciou esteja indicado. com um valor de% na frente de um valor RGB hexadecimal (por exemplo, 50% (# 000000)).

Um " valor alfa do preto ", pelo menos no escopo do documento referenciado, seria uma maneira curta de indicar qualquer uma das cores em um espaço RGBA que tem o preto como seu valor RGB (0,0,0). Eles variam de 100% de preto sólido (0,0,0,1) a preto completamente translúcido (0,0,0,0), passando por todos os valores possíveis de transparência.

Assim, por exemplo, um valor alfa de 57% do preto, denotado como 57% (# 000000), seria um "valor alfa do preto" em que o alfa é igual a 0,57, o que significa que é 57% opaco.

Nesta imagem, você pode ver os "valores alfa do preto" sugeridos no documento Estilo de cores. Coloquei-os sobre branco e vermelho para que você possa ver a "composição alfa" em ação.