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

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

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