RGBA

Signifie « Red Green Blue Alpha ».

RGBA est un modèle colorimétrique basé sur le modèle RGB. Il mélange de la lumière rouge, verte et bleue pour créer n’importe quelle couleur du spectre, puis ajoute une quatrième valeur, alpha, pour la transparence. Il s’agit d’un modèle colorimétrique standard souvent utilisé pour la retouche d’images et les graphiques web qui nécessitent différents niveaux de transparence.

Le modèle colorimétrique RGBA, comme RGB, est additif. Lorsque les trois canaux de couleur ont leur valeur maximale, ils produisent une lumière blanche ; à leur valeur minimale, ils créent du noir. Le canal alpha ajoute une valeur distincte pour la transparence, allant de 0 % (complètement transparent) à 100 % (complètement opaque). Une valeur de transparence intermédiaire produit un pixel qui laisse apparaître une partie de la couleur d’arrière-plan. Par exemple, une image avec une ombre portée utilise un dégradé de pixels de plus en plus transparents pour créer une ombre qui assombrit l’arrière-plan derrière elle.

La profondeur de couleur la plus courante pour les images RGBA est de 32 bits par pixel : 8 bits chacun pour le rouge, le vert, le bleu et l’alpha. Chaque canal de couleur de 8 bits peut contenir une valeur comprise entre 0 et 255 ; cela produit une image comportant le même nombre de couleurs qu’une image RGB True Color de 24 bits (256 x 256 x 256 = 16 777 216 couleurs possibles), avec 256 niveaux de transparence supplémentaires possibles pour chaque pixel. Cependant, alors que les éditeurs d’images affichent chaque valeur RGB sous la forme d’une plage comprise entre 0 et 255, les valeurs de transparence sont affichées sous la forme d’une plage comprise entre 0 et 100 %.

Exemple de RGBA

CSS utilise les valeurs RGBA comme l’une des méthodes possibles pour définir la couleur du texte et des graphiques. Les valeurs rouge, verte et bleue sont saisies sous forme de nombres compris entre 0 et 255, et les valeurs alpha sous forme d’un nombre compris entre 0,0 et 1,0. Par exemple, la valeur suivante produit un texte bleu totalement opaque :

rgba(0, 0, 255, 1.0)

L’exemple suivant produit au contraire un texte bleu partiellement transparent :

rgba(0, 0, 255, 0.5)

NOTE: Les formats de fichier .PNG et .TIFF prennent en charge les images RGBA de 32 bits, tout comme les formats des éditeurs d’images professionnels tels que .PSD. Bien que le format de fichier .GIF prenne en charge la transparence, il n’inclut pas de canal alpha ; il définit plutôt une seule couleur de sa table de correspondance comme transparente.