RGBA
Rout Gréng Blo Alpha
RGBA ass den Akronym fir Rout Gréng Blo Alpha.
Wat ass Rout Gréng Blo Alpha?
E Faarfmodell deen an der Computergrafik benotzt gëtt fir Faarwen a punkto dräi primäre Faarwen (rout, gréng a blo) ze beschreiwen (RGB), kombinéiert mat engem Alpha-Kanal deen Opazitéit duerstellt. Den Alpha-Wäert spezifizéiert d'Transparenz vun der Faarf: 0 ass voll transparent (onsichtbar), an 255 (oder 1 an e puer Kontexter wou den Alpha vun 0 op 1 definéiert ass) ass voll opak.
Hei sinn e puer Code Beispiller déi d'Benotzung vu RGBA a verschiddene Kontexter demonstréieren:
RGBA an HTML/CSS
In CSS, RGBA Faarwen kënne benotzt ginn fir Elementer ze styléieren. Den Alpha-Kanal gëtt op enger Skala vun 0 bis 1 definéiert, wou 0 komplett transparent ass an 1 komplett opak ass.
body {
background-color: rgba(255, 99, 71, 0.5); /* Semi-transparent red */
}
.text-color {
color: rgba(0, 0, 0, 0.8); /* Mostly opaque black */
}
RGBA an JavaScript
A JavaScript kënnt Dir RGBA Wäerter benotzen wann Dir mat Leinwand schafft oder dynamesch Stiler setzt.
// Setting canvas fill color with RGBA
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'rgba(255, 165, 0, 0.6)'; // Semi-transparent orange
ctx.fillRect(20, 20, 150, 100);
RGBA am Python mat Këssen
Am Python, benotzt d'Këssenbibliothéik fir Bildveraarbechtung, kënnt Dir Faarwen mat RGBA spezifizéieren wann Dir op Biller zeechnen.
from PIL import Image, ImageDraw
# Create a new image with RGBA (transparent background)
img = Image.new('RGBA', (200, 200), (255, 255, 255, 0))
draw = ImageDraw.Draw(img)
# Draw a semi-transparent rectangle
draw.rectangle([(50, 50), (150, 150)], fill=(255, 0, 0, 128))
img.show()
Jiddereng vun dësen Beispiller illustréiert wéi RGBA Wäerter an der Webentwécklung a Bildveraarbechtung kënne benotzt ginn fir Faarf an Opazitéit dynamesch ze kontrolléieren.
- Ofkierzung: RGBA