Разница между функциями saturate() и brightness() в CSS заключается в том, что saturate() управляет цветовой насыщенностью изображения, а brightness() — яркостью. 13

saturate() меняет насыщенность цветов изображения: значение 0% полностью убирает насыщенность, значение 100% не изменяет исходное изображение, а значения больше 100% приводят к перенасыщенности. 3

brightness() позволяет управлять уровнем яркости изображения: значение 0% сделает изображение полностью чёрным, значение 100% вернёт изображению исходную яркость, а значение больше 100% увеличит яркость картинки. 3

Таким образом, saturate() увеличивает или уменьшает насыщенность цвета, а brightness() — яркость изображения. 4