Отличие функций rgba() и hsla() при работе с цветом в CSS заключается в том, что rgba() позволяет задавать непрозрачность цвета, а hsla() — нет. 15

rgba() получает четыре значения: красный, зелёный, синий и альфа, где альфа обозначает непрозрачность цвета и находится в интервале от 0 до 1. 1 Значение 0 означает, что цвет полностью прозрачен, а значение 1 — что цвет полностью непрозрачен. 1

hsla() аналогична функции hsl(), но также позволяет задавать непрозрачность цвета. 1 Функция получает четыре значения: тон, насыщенность, светлоту и альфа, где альфа обозначает непрозрачность цвета и находится в интервале от 0 до 1. 1 Значение 0 означает полную прозрачность цвета, а значение 1 — полную непрозрачность. 1