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.

Az RGBA kódok felépítése így néz ki:

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>

Eredmény

Teljesen átlátszó piros

Félig átlátszó piros

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