
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>
Code language: HTML, XML (xml)
Eredmény
Teljesen átlátszó piros
Félig átlátszó piros
Egyáltalán nem átlátszó piros
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<