Culori CSS. Culorile HSLA.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Valorile de culoare HSLA sunt o extensie a valorilor de culoare HSL cu un canal alfa - care specifică opacitatea unei culori.
O valoare de culoare HSLA este specificată cu: hsla(hue, saturation, lightness, alpha), unde parametrul alfa definește opacitatea. Parametrul alfa este un număr între 0,0 (complet transparent) și 1,0 (complet opac).
Următorul exemplu definește diferite culori HSLA:
Exemplu:
#p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* green with opacity(verde cu opacitate)*/
#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* light green with opacity(verde deschis cu opacitate)*/
#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dark green with opacity(verde închis cu opacitate)*/
#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* pastel green with opacity(verde pastelat cu opacitate)*/
Rezultat: