Насыщенность
Насколько цвет чистый: у насыщенного нет примеси серого, у приглушённого есть. Второй параметр цвета после оттенка — вместе со светлотой он даёт всю палитру из одного цвета. Фоны делают приглушёнными, акценты — насыщенными, и тогда акцент правда виден.
Как это выглядит: hsl(239, 84%, 67%) → чистый индиго (акцент) hsl(239, 84%, 95%) → он же, но очень светлый (фон) hsl(239, 20%, 45%) → он же, приглушённый (второй текст)
Не путать: Насыщенность — не яркость и не «сочность» в бытовом смысле. Чистые #ff0000 и #00ff00 максимально насыщены, но это не значит, что они хорошо видны и уместны: рядом друг с другом они вибрируют. И не путать со светлотой: цвет может быть светлым, но насыщенным (лимон) и тёмным, но приглушённым (серо-синий).
Откуда слово: От «сытый»: насытить — «сделать полным, до предела». Латинское satur — «сытый, обильный», тот же корень у «сатурации» (насыщение раствора) и у английского saturation. В цвете смысл буквальный: в оттенке «много» самого цвета и мало серого — значит, он насыщенный.
Где это проходят: урок 8.4 «Сочетание цветов: почему это читается» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Сетка
- Отступ
- Аффорданс
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Длина строки
- Шкала размеров
- Брейкпоинт
- Юзабилити
- Скринридер
- Тепловая карта
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- Плотность интерфейса
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.