В чём отличие между свойствами opacity, rgba() и hsla() в CSS?

Отличие между свойствами opacity, rgba() и hsla() в CSS заключается в том, как они позволяют изменить прозрачность элемента:

1. Свойство opacity позволяет сделать любой элемент веб-страницы частично или полностью прозрачным. html5book.ru Если элемент, для которого применено свойство opacity, содержит внутри себя другие элементы, то они также изменят свою прозрачность. html5book.ru
2. Функция rgba() создаёт цветовой оттенок путём смешивания в необходимых пропорциях красного (Red), зелёного (Green) и синего (Blue) цветов, а альфа-канал (Alpha) отвечает за степень прозрачности цвета. html5book.ru В отличие от свойства opacity, для блока, содержащего другие элементы, функция rgba() изменит прозрачность только блока. html5book.ru
3. Функция hsla() позволяет задать полупрозрачный цвет. html5book.ru Параметры функции означают тон (Hue), насыщенность (Saturation), яркость (Lightness) и альфа-канал (Alpha). html5book.ru Оттенки цвета задаются в процентах, используя соответствующее значение из цветового круга. html5book.ru

Таким образом, свойство opacity устанавливает прозрачность для всего элемента, а функция rgba() и hsla() позволяют задать прозрачность конкретного цвета, указав его оттенок, насыщенность и яркость. html5book.ru www.w3schools.com