Alpha (Alpha-Kanal)
Der Alpha-Kanal bestimmt die Opazität eines (<color>
). Farben werden in digitaler Form als Sammlung von Zahlen dargestellt, wobei jede Zahl die Stärke oder Intensität einer bestimmten Farbkomponente repräsentiert. Jede dieser Komponenten wird als Kanal bezeichnet. In einer typischen Bilddatei beschreiben die Farbigkeitskanä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 dieser Farbe in der oberen linken Ecke und ein Kästchen derselben Farbe, aber mit einem Alpha-Kanal, der auf 50% (oder 0,5) Opazität gesetzt ist, #8921F280
, wobei 80
die hexadezimale Entsprechung 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 auf einem Textabsatz gezeichnet.
Wie Sie sehen können, blockiert die Farbe ohne Alpha-Kanal den Hintergrundtext vollständig, während das Kästchen mit dem Alpha-Kanal es ermöglicht, den Text durch die lila Hintergrundfarbe zu sehen.
Siehe auch
- CSS-Farben
- Einführung zu CSS-Werten und -Einheiten
- Leitfaden zu Bilddateitypen und -formaten
- [Alpha-Komposita] auf Wikipedia(https://en.wikipedia.org/wiki/Alpha_compositing)
- RGBA-Farbmodell auf Wikipedia
- Kanal (digitales Bild) auf Wikipedia