RGBA

Model lliw a ddefnyddir mewn graffeg gyfrifiadurol i ddisgrifio lliwiau yn nhermau tri lliw cynradd (coch, gwyrdd a glas) (RGB), ynghyd â sianel Alpha sy'n cynrychioli didreiddedd. Mae'r gwerth alffa yn pennu tryloywder y lliw: mae 0 yn gwbl dryloyw (anweledig), a 255 (neu 1 mewn rhai cyd-destunau lle diffinnir yr alffa o 0 i 1) yn gwbl ddidraidd.

Dyma rai enghreifftiau cod sy'n dangos y defnydd o RGBA mewn gwahanol gyd-destunau:

RGBA mewn HTML/CSS

In CSS, gellir defnyddio lliwiau RGBA i arddull elfennau. Diffinnir y sianel alffa ar raddfa o 0 i 1, lle mae 0 yn gwbl dryloyw ac 1 yn gwbl ddidraidd.

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 yn JavaScript

Yn JavaScript, gallwch ddefnyddio gwerthoedd RGBA wrth weithio gyda chynfas neu osod arddulliau yn ddeinamig.

// 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 yn Python gyda Pillow

Yn Python, gan ddefnyddio'r llyfrgell Pillow ar gyfer prosesu delweddau, gallwch nodi lliwiau gyda RGBA wrth dynnu ar ddelweddau.

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()

Mae pob un o'r enghreifftiau hyn yn dangos sut y gellir defnyddio gwerthoedd RGBA wrth ddatblygu gwe a phrosesu delweddau i reoli lliw a didreiddedd yn ddeinamig.