Co to jest kanał alfa?
Kanał alfa to dodatkowy kanał informacji o obrazie, który określa przezroczystość piksela lub obiektu graficznego. Nie zmienia on samego koloru, nasycenia ani ostrości obrazu, lecz decyduje o tym, w jakim stopniu dany element jest widoczny na tle innych elementów.
Jak działa kanał alfa?
W typowym modelu RGB kolor opisują trzy składowe:
- R — czerwony,
- G — zielony,
- B — niebieski.
Po dodaniu kanału alfa powstaje zapis RGBA, gdzie:
- A oznacza poziom przezroczystości.
Najczęściej wartości alfa interpretuje się tak:
0lub0%— pełna przezroczystość, element jest niewidoczny,1lub100%— pełna nieprzezroczystość, element jest całkowicie widoczny,- wartości pośrednie — częściowa przezroczystość.
Przykład w CSS
.box {
background-color: rgba(255, 0, 0, 0.5);
}
Ten zapis oznacza kolor czerwony z przezroczystością 50%. Element będzie częściowo prześwitywał.
Gdzie wykorzystuje się kanał alfa?
Kanał alfa jest używany m.in. w:
- grafice rastrowej,
- plikach PNG,
- projektowaniu interfejsów stron WWW,
- ikonach, przyciskach i nakładkach,
- efektach półprzezroczystości w CSS.
Ważne na egzaminie
Zmiana wartości kanału alfa wpływa na przezroczystość obiektu graficznego. Nie wpływa bezpośrednio na nasycenie kolorów, ostrość krawędzi ani kolejność wyświetlania pikseli.