La transparence

En plus des trois coposantes rouge, vert et bleu, nous pouvons définir une quatrième composante pour notre couleur. Les infographistes appellent cette quatrième composante le canal alpha. Elle sert pour gérer la transparence (ou l'opacité) de la couleur.

Cette quatrième composante prend des valeurs entre 0 et 255. La valeur 0 signifie une transparence totale (notre objet serait donc ... invisible). Une valeur de 255 signifie que notre objet est totalement opaque. On ne voit pas ce qui est derrière.

Un cercle qui serait dessiné avec une couleur transparente serait un peu comme un filtre coloré. Pensez à des lunettes roses ! Un superposant ces cercles, on pourrait faire de la synthèse soustractive (comme mettre des lunettes roses et des lunettes bleues les unes par dessus les autres). Voyez l'exemple ci dessous.

Pour bien montrer la transparence, le fond est initialement noir, mais à chaque fois que l'on clique sur le fond, il alterne entre le noir et le blanc.

Exemple
À faire vous même

dégradé de triangles superposés

triangles boucles Réalisez un dessin analogue à celui ci. Il est constitué de 40 triangles superposés : 20 triangles orange d'une couleur rgba(255,128,0,10) tournés pointe en haut et 20 triangles verts d'une couleur rgba(128,255,0,10) tournés pointe en bas.