Alpha (canal alpha)

Le canal alpha spécifie le degré d'opacité d'une <color> (couleur). Les couleurs sont représentées sous forme numérique comme un ensemble de nombres, chacun représentant la force ou le niveau d'intensité d'un composant donné de la couleur. Chacun de ces composants est appelé un canal. Dans un fichier d'image typique, les canaux de couleur décrivent la quantité de rouge, de vert et de bleu utilisée pour composer la couleur finale. Pour représenter une couleur à travers laquelle le fond peut être vu dans une certaine mesure, un quatrième canal est ajouté à la couleur : le canal alpha.

Par exemple, la couleur #8921F2 (également décrite comme rgb(137, 33, 242) ou hsl(270, 89%, 54)) est une jolie nuance de violet. Ci-dessous, vous voyez une petite case de cette couleur dans le coin supérieur gauche et une case de la même couleur mais avec un canal alpha défini à 0,5 (50% d'opacité), #8921F280, où 80 est l'équivalent hexadécimal de 50%. Cette couleur est également décrite comme rgb(137 33 242 / 0.5) ou hsl(270 89% 54 / 0.5). Les deux cases sont dessinées au-dessus d'un paragraphe de texte.

Comme vous pouvez le voir, la couleur sans canal alpha bloque complètement le texte de fond, tandis que la boîte avec le canal alpha le laisse visible à travers la couleur de fond violet.