Насыщенность описывает интенсивность или чистоту цвета. Полностью насыщенный красный цвет яркий и насыщенный. Если уменьшить насыщенность, он будет приближаться к серому. В цифровых цветовых моделях, таких как HSL, насыщенность является одной из трех координат, наряду с оттенком и яркостью. Изменение насыщенности меняет то, насколько ярким кажется цвет, не меняя его основной характеристики.

Высокая насыщенность привлекает внимание. Она хорошо работает для акцентов, призывов к действию и детских товаров. Но экран, переполненный насыщенными цветами, становится утомительным. Большинство профессиональных цветовых палитр используют насыщенность стратегически: несколько ярких акцентов на фоне приглушенных тонов. Фотографы и кинематографисты часто уменьшают насыщенность, чтобы создать настроение. Ненасыщенный пейзаж кажется мрачным или ностальгическим. Немного повышенный — живым.

Работа с насыщенностью

• Используйте высокую насыщенность цвета умеренно для выделения важных моментов.
• Уменьшите насыщенность фона, чтобы выделить контент.
• Проверьте, как меняются цвета на разных устройствах.
• Учитывайте требования доступности для пользователей с дальтонизмом.

Насыщенность — это не то же самое, что яркость. Цвет может быть ярким, но бледным, или темным, но очень насыщенным. Дизайнеры регулируют и то, и другое, чтобы контролировать акцент и настроение.