Alpha (Alpha-Kanal)

Der Alpha-Kanal bestimmt die Opazität eines <color>. Farben werden digital als eine Sammlung von Zahlen dargestellt, wobei jede Zahl die Stärke oder Intensität einer bestimmten Komponente der Farbe repräsentiert. Jede dieser Komponenten wird als Kanal bezeichnet. In einer typischen Bilddatei beschreiben die Farbkanäle, wie viel Rot, Grün und Blau verwendet werden, um die endgültige Farbe zu erzeugen. Um eine Farbe darzustellen, durch die der Hintergrund teilweise sichtbar ist, wird der Farbe ein vierter Kanal hinzugefügt: der Alpha-Kanal.

Zum Beispiel ist die Farbe #8921F2 (auch beschrieben als rgb(137 33 242) oder hsl(270 89% 54)) ein schöner Lilaton. Unten sehen Sie ein kleines Kästchen in dieser Farbe in der oberen linken Ecke und ein Kästchen in der gleichen Farbe, jedoch mit einem Alpha-Kanal, der auf 50% (oder 0,5) Opazität eingestellt ist, #8921F280, wobei 80 das hexadezimale Äquivalent von 50% ist. Diese Farbe wird auch beschrieben als rgb(137 33 242 / 50%) oder hsl(270 89% 54 / 50%). Die beiden Kästchen sind über einem Absatz Text gezeichnet.

Wie Sie sehen können, blockiert die Farbe ohne Alpha-Kanal komplett den Hintergrundtext, während das Kästchen mit dem Alpha-Kanal ihn durch die lila Hintergrundfarbe sichtbar lässt.