Che cos'è un "valore alfa del nero"?

Sto cercando di comprendere il seguente paragrafo nelle linee guida sulla progettazione dei materiali di Google:

Altri elementi, come icone e divisori, traggono vantaggio anche dall'avere un valore alfa del nero anziché un colore solido, per assicurarsi che funzionino su sfondi di qualsiasi colore.

fonte

Cosa significa questo? Un valore alfa 00 sarebbe completamente trasparente, giusto?

transparency google-material-design

— kg.
fonte

Penso che "del nero" fosse / sia un refuso. O per lo meno molto povero, che significa "un valore alfa PER il nero"

— Scott

Sì, hai ragione, il valore alfa si riferisce alla trasparenza di un colore. Il valore va da 00 a FF in esadecimale, dove 00 è completamente trasparente e FF è solido / opaco. In Android, lo specifichi come i primi due caratteri in formato esadecimale, ad esempio # FF000000 è nero fisso.

— Samy S.Rathore,

Risposte:

Il contesto completo è il seguente:

Usa valori alfa per testo grigio, icone e divisori

Per trasmettere una gerarchia di informazioni, puoi usare sfumature diverse per il testo. Il valore alfa standard per il testo su uno sfondo bianco è 87% (# 000000). Il testo secondario, che è più basso nella gerarchia visiva, dovrebbe avere un valore alfa del 54% (# 000000). I suggerimenti di testo per gli utenti, come quelli nei campi di testo e nelle etichette, hanno un rilievo visivo ancora inferiore e dovrebbero avere un valore alfa del 26% (# 000000).

Altri elementi, come icone e divisori, beneficiano anche di avere un valore alfa del nero anziché di un colore solido, per assicurarsi che funzionino su sfondi di qualsiasi colore.

Inoltre, ci sono due immagini di esempio.

Il problema è: sembrano usare una nuova definizione di "valore alfa".

Inoltre, i loro valori esadecimali tra virgolette non sono corretti e le percentuali di esempio sono per il loro esempio illustrato di testo bianco su sfondo nero (il testo dice che i valori sono per testo nero su bianco).

Da quello che posso dire, stanno suggerendo che usi un valore di trasparenza oltre ai tuoi valori di colore quando specifichi testo e regole.

Per le icone, forse ti stanno suggerendo di profilare l'elemento e fornire un canale alfa non bianco rispetto a un mascherino a colori fisso in modo da poter modificare i colori programmaticamente senza fornire nuova arte per ogni valore immaginabile.

TLDNR; la sezione è scritta male e deve essere copiata

— Yorik
fonte

Se guardi l'illustrazione oltre a quel paragrafo, penso che quello che dicono, ad esempio, il 26% (# 000000) è RGBA (0,0,0,0,26) o "nero con un'opacità del 27%", che in cima di bianco apparirebbe grigio chiaro, come nell'immagine.

— cockypup

@cockypup Ha senso. Penso ancora che abbiano un problema di chiarezza qui: può darsi che stiano suggerendo di usare il nero in tutti i casi e di utilizzare un valore alfa come modo per simulare la "modalità di sovrapposizione della fusione" o qualcosa del genere

— Yorik

@yorik anche questa è la mia interpretazione. Vogliono che tu usi un alfa di nero piuttosto che grigio in modo da "sovrapporre" il colore.

— DA01,

@ DA01: "anziché un colore solido" = non solo di grigio ma di qualsiasi colore (?) Nessuna idea!

— Yorik,

Il valore alfa viene utilizzato nello spazio colore RGBA per indicare la trasparenza di un colore. Il valore alfa va da 0 a 1 dove 0 è completamente trasparente e 1 non è affatto trasparente.

Ciò consente di eseguire il "compositing alfa" che, in termini laici, è il processo di posizionamento di un'immagine sopra uno sfondo e di combinare i colori per creare l'illusione della trasparenza. Per ulteriori informazioni su questo spazio colore, è possibile Google "spazio colore rgba" o visitare questa pagina di Wikipedia

Un colore RGBA è generalmente indicato con 4 valori, 3 per ciascuno dei componenti RGB e un ultimo per il valore alfa (ad es. (0,0,0,0,5)), sebbene nel documento Color Style a cui si fa riferimento siano indicati sono indicati con un valore% davanti a un valore esadecimale RGB (ad es. 50% (# 000000)).

Un " valore alfa del nero ", almeno nell'ambito del documento di riferimento, sarebbe un modo breve per indicare uno dei colori in uno spazio RGBA che ha il nero come valore RGB, (0,0,0). Esse vanno dal nero solido al 100% (0,0,0,1) al nero completamente traslucido (0,0,0,0) passando attraverso tutti i possibili valori di trasparenza.

Quindi, ad esempio un valore alfa del 57% di nero, indicato come 57% (# 000000), sarebbe un "valore alfa di nero" in cui l'alfa è uguale a 0,57, il che significa che è opaco al 57%.

In questa immagine puoi vedere i "valori alfa del nero" suggeriti nel documento Stile colore. Li ho posizionati sopra bianco e rosso in modo da poter vedere la "composizione alfa" in azione.

inserisci qui la descrizione dell'immagine

— cockypup
fonte

Hai ragione, ma guardando il documento google a cui fa riferimento l'OP, sembra che stia usando una nuova definizione di valore alfa.

— Yorik,

In che modo questo risponde al "valore alfa del nero"? Neanche io ho familiarità con quella terminologia e questo non chiarisce l'IMO. Il tuo quadrato nero ha un valore alfa del 100% (1), ma che cos'è un valore alfa del nero? Di 'sulla Piazza Rossa come gli daresti un Alpha Value of Black?

— Ryan

Buon punto. Modificato per rispondere sia al titolo della domanda sia alla domanda alla fine del corpo. Inoltre, sono stati aggiunti riferimenti al documento a cui l'OP ha fatto riferimento e ha utilizzato il colore del documento come esempi nell'immagine.

— cockypup,

Penso che tu abbia risolto l'enigma dell'enigma del mistero

— Yorik,