RGBA

Un model de culoare utilizat în grafica computerizată pentru a descrie culorile în termeni de trei culori primare (roșu, verde și albastru) (RGB), combinat cu un canal alfa care reprezintă opacitatea. Valoarea alfa specifică transparența culorii: 0 este complet transparent (invizibil), iar 255 (sau 1 în unele contexte în care alfa este definit de la 0 la 1) este complet opac.

Iată câteva exemple de cod care demonstrează utilizarea RGBA în diferite contexte:

RGBA în HTML/CSS

In CSS, Culorile RGBA pot fi folosite pentru stilarea elementelor. Canalul alfa este definit pe o scară de la 0 la 1, unde 0 este complet transparent și 1 este complet opac.

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 în JavaScript

În JavaScript, puteți utiliza valori RGBA atunci când lucrați cu pânză sau setați dinamic stiluri.

// 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 în Python cu pernă

În Python, folosind biblioteca Pillow pentru procesarea imaginilor, puteți specifica culorile cu RGBA atunci când desenați pe imagini.

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

Fiecare dintre aceste exemple ilustrează modul în care valorile RGBA pot fi utilizate în dezvoltarea web și procesarea imaginilor pentru a controla dinamic culoarea și opacitatea.