RGBA kóddal történő színmegadás HTML nyelvben

Ebből a HTML tananyagból megtanulhatod azt, hogy hogyan kell használni a HTML nyelvben az RGBA színkódot.

Színmegadása RGBA színkód segítségével a HTML nyelvben

RGBA kóddal történő színmegadás HTML nyelvben

Az RGBA kód szinte teljesen megegyezik az RGB kóddal, viszont itt bejön a képbe egy új attribútum, amely az Alpha csatornára utal. Az RGBA kód elnevezése az angol Red, Green, Blue és Alpha szavakból ered.

RGBA színkód szintaxis

rgba(red, green, blue, alpha)

MÁSKÉPP

rgba(piros, zöld, kék, alfa)

A „red”, „green” és „blue” helyére szánt értékek 0 és 255 közötti értéket vehetnek fel.
Az „alpha” paraméter 0.0 és 1.0 közötti értéket vehet fel, ahol a 0 teljesen átlátszó és az 1 egyáltalán nem átlátszó. A kettő közötti értékek az átlátszóság mértékét határozzák meg

Példa szín megadására RGBA színkóddal

HTML kód

<p style="background-color:rgba(255,0,0,0);">Teljesen átlátszó piros</p>
<p style="background-color:rgba(255,0,0,0.5);">Félig átlátszó piros</p>
<p style="background-color:rgba(255,0,0,1);">Egyáltalán nem átlátszó piros</p>

Code language: HTML, XML (xml)

Eredmény

Teljesen átlátszó piros

Félig átlátszó piros

Egyáltalán nem átlátszó piros

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!