В чём отличие CSS свойства opacity от RGBA и hsla?

Отличие CSS-свойства opacity от RGBA и HSLA заключается в следующем:

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

Таким образом, свойство opacity устанавливает прозрачность для всего элемента, а использование функций RGBA и HSLA — для отдельного цвета или оттенка. www.w3schools.com www.css-tricks.ru