Отличие функций rgba() и hsla() при работе с цветом в CSS заключается в том, что rgba() позволяет задавать непрозрачность цвета, а hsla() — нет. habr.com artzolin.ru
rgba() получает четыре значения: красный, зелёный, синий и альфа, где альфа обозначает непрозрачность цвета и находится в интервале от 0 до 1. habr.com Значение 0 означает, что цвет полностью прозрачен, а значение 1 — что цвет полностью непрозрачен. habr.com
hsla() аналогична функции hsl(), но также позволяет задавать непрозрачность цвета. habr.com Функция получает четыре значения: тон, насыщенность, светлоту и альфа, где альфа обозначает непрозрачность цвета и находится в интервале от 0 до 1. habr.com Значение 0 означает полную прозрачность цвета, а значение 1 — полную непрозрачность. habr.com