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

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

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

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