Qu'est-ce qu'une «valeur alpha du noir»?


11

J'essaie de comprendre le paragraphe suivant des consignes de conception matérielle de Google:

D'autres éléments, tels que les icônes et les séparateurs, bénéficient également d'une valeur alpha de noir au lieu d'une couleur unie, pour s'assurer qu'ils fonctionnent sur des arrière-plans de n'importe quelle couleur.

la source

Qu'est-ce que ça veut dire? Une valeur de 00 alpha serait complètement transparente, non?


Je pense que "of black" était / est une faute de frappe. Ou au moins très mal formulé signifiant "une valeur alpha POUR le noir"
Scott

Oui, vous avez raison, la valeur Alpha fait référence à la transparence d'une couleur. La valeur va de 00 à FF en hexadécimal où 00 est complètement transparent et FF est solide / opaque. Dans Android, vous le spécifiez comme les deux premiers caractères au format hexadécimal, par exemple # FF000000 est en noir uni.
Samy S.Rathore

Réponses:


5

Le contexte complet est le suivant:

Utiliser des valeurs alpha pour le texte gris, les icônes et les séparateurs

Pour transmettre une hiérarchie d'informations, vous pouvez utiliser différentes nuances pour le texte. La valeur alpha standard pour le texte sur fond blanc est de 87% (# 000000). Le texte secondaire, plus bas dans la hiérarchie visuelle, doit avoir une valeur alpha de 54% (# 000000). Les conseils de texte pour les utilisateurs, comme ceux des champs de texte et des étiquettes, ont une importance visuelle encore plus faible et devraient avoir une valeur alpha de 26% (# 000000).

D'autres éléments, tels que les icônes et les séparateurs, bénéficient également d'une valeur alpha de noir au lieu d'une couleur unie, pour s'assurer qu'ils fonctionnent sur des arrière-plans de n'importe quelle couleur.

De plus, il existe deux exemples d'images.

Le problème est: ils semblent utiliser une nouvelle définition de «valeur alpha».

De plus, leurs valeurs hex-rgb entre guillemets ne sont pas correctes, et les pourcentages d'exemple sont pour leur exemple illustré de texte blanc sur fond noir (le texte dit que les valeurs sont pour du texte noir sur blanc).

D'après ce que je peux dire, ils suggèrent que vous utilisez une valeur de transparence en plus de vos valeurs de couleur lors de la spécification du texte et des règles.

Pour les icônes, ils vous suggèrent peut-être de modeler l'élément et de fournir un canal alpha non blanc par opposition à un cache de couleur fixe afin que vous puissiez modifier les couleurs par programmation sans fournir de nouvel art pour chaque valeur imaginable.

TLDNR; la section est mal écrite et nécessite une révision


2
Si vous regardez l'illustration à côté de ce paragraphe, je pense que ce qu'ils disent, par exemple, 26% (# 000000) est RGBA (0,0,0,0,26) ou "noir avec une opacité de 27%", ce qui en haut de blanc serait gris clair, comme sur l'image.
cockypup

@cockypup Cela a du sens. Je pense toujours qu'ils ont un problème de clarté ici: il se peut qu'ils suggèrent d'utiliser le noir dans tous les cas et d'utiliser une valeur alpha comme moyen de simuler le "mode de mélange de superposition" ou quelque chose de ce
genre

1
@yorik c'est aussi mon interprétation. Ils veulent que vous utilisiez un alpha de noir plutôt que de gris pour qu'il "superpose" la couleur.
DA01

@ DA01: "au lieu d'une couleur unie" = pas seulement du gris mais n'importe quelle couleur (?) Aucune idée!
Yorik

16

La valeur alpha est utilisée dans l'espace colorimétrique RGBA pour indiquer la transparence d'une couleur. La valeur alpha va de 0 à 1 où 0 est complètement transparent et 1 pas du tout transparent.

Cela permet de faire du "compositing alpha" qui, en termes simples, consiste à placer une image au-dessus d'un arrière-plan et à combiner les couleurs pour créer l'illusion de transparence. Pour plus d'informations sur cet espace colorimétrique, vous pouvez Google "espace colorimétrique rgba" ou visitez cette page Wikipedia

Une couleur RGBA est généralement désignée par 4 valeurs, 3 pour chacun des composants RVB et une dernière pour la valeur alpha (par exemple (0,0,0,0,5)), bien que dans le document Style de couleur que vous avez référencé, elles soient désignées avec une valeur% devant une valeur RVB hexadécimale (par exemple 50% (# 000000)).

Une " valeur alpha du noir ", au moins dans la portée du document référencé, serait un moyen court d'indiquer l'une des couleurs dans un espace RGBA qui ont le noir comme valeur RVB, (0,0,0). Ils vont du noir 100% solide (0,0,0,1) au noir complètement translucide (0,0,0,0) passant par toutes les valeurs possibles de transparence.

Ainsi, par exemple, une valeur alpha de 57% de noir, notée 57% (# 000000), serait une "valeur alpha de noir" où l'alpha est égal à 0,57, ce qui signifie qu'il est opaque à 57%.

Dans cette image, vous pouvez voir les "valeurs alpha du noir" suggérées dans le document Style de couleur. Je les ai placés sur du blanc et du rouge pour que vous puissiez voir le "compositing alpha" en action.

entrez la description de l'image ici


Vous avez raison, mais en regardant le document google auquel l'OP fait référence, il semble utiliser une nouvelle définition de la valeur alpha.
Yorik

Comment cela répond-il à la "valeur alpha du noir"? Je ne connais pas non plus cette terminologie et cela ne la clarifie pas à l'OMI. Votre carré noir a une valeur alpha de 100% (1), mais qu'est-ce qu'une valeur alpha de noir? Dites sur la place rouge comment lui donneriez-vous une valeur alpha de noir?
Ryan

3
Bon point. Modifié pour répondre à la fois au titre de la question et à la question à la fin du corps. Également ajouté des références au document que l'OP a référencé et utilisé la couleur du document comme exemples dans l'image.
cockypup

Je pense que vous avez percé l'énigme de l'énigme du mystère
Yorik
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.